Boilerplate Code
  • 🏁Getting Started
  • 🛠️Installations
  • 🥪Boilerplate Structure
  • 😎Main Features
  • Features
    • 🎨Styles
    • 📦Components
      • Global
      • Page
    • 🖥️Layouts
      • Mobile / Webview
      • Landing
      • Dashboard
      • Customized
    • 🏪State Management
      • Client State
      • Server State
    • 🚚Assets
    • ⚡API Management
      • API Routes
      • API Dummy
    • 💡Libraries
    • 📡Hooks
      • Event Handler
        • useToggle
        • useEventListener
      • Lifecycle Components
        • useWhyDidYouUpdate
      • Navigation
        • useRouter
      • Storage
        • useLocalStorage
        • useSessionStorage
    • ⚙️Server
    • ⚒️Utilities
      • Data Formatting
      • DOM Manipulation
      • Event Handling
      • String Manipulation
      • Validation
  • Integrations
    • 🔐Authentication
    • 🍑MUI Theme
    • 📱Progressive Web Apps (PWA)
    • 🌏Search Engine Optimization (SEO)
    • 🫂Multi Language
    • 🚀Performance
      • Code Splitting
      • Image Optimization
      • Caching and Server-side Rendering
    • ⛓️Websocket
    • 🌔Dark Mode
      • Material UI
      • Tokenomy UI
  • Unit Test
    • ☕Jest
  • Services
    • 🔥Firebase
    • 🤖Sentry
    • 📈Google Analytics
  • Version Control
    • 🚦GIT
      • Branch
      • Commit
      • Version Control
      • Release Manager
      • Special Case Rules
  • Additional
    • 🚩Versions
    • 🎁3rd Party
Powered by GitBook
On this page
  1. Features
  2. 📡Hooks

Lifecycle Components

Each component in React has a lifecycle which you can monitor and manipulate during its three main phases. The three phases are: Mounting, Updating, and Unmounting.

useWhyDidYouUpdate
PrevioususeEventListenerNextuseWhyDidYouUpdate

Last updated 2 years ago