Lifecycle Methods in Functional Component (UseEffect)

Publié le: 20 septembre 2023
sur la chaîne: TubeTales
16
5

Lifecycle Methods

It allow you to control the component's behaviour and perform specific actions at different stages of its lifecycle.

Phases of a React component's lifecycle

A React component undergoes three phases in its lifecycle: mounting, updating, and unmounting.

1) The mounting phase is when a new component is created and inserted into the DOM or, in other words, when the life of a component begins. This can only happen once, and is often called “initial render.”

2) The updating phase is when the component updates or re-renders. This reaction is triggered when the props are updated or when the state is updated. This phase can occur multiple times, which is kind of the point of React.

3) The last phase within a component's lifecycle is the unmounting phase, when the component is removed from the DOM.


#react18 #functionalcomponent #hook #lifecycle #method #jsx #functions #components #reactjs #react #learning #learn #javascript #frontend #frontenddeveloper #reactjsdeveloper #reactjstutorial #webdevelopment #new #newconcepts #classcomponent #jest #testing #library


Sur cette page du site, vous pouvez voir la vidéo en ligne Lifecycle Methods in Functional Component (UseEffect) durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur TubeTales 20 septembre 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 16 fois et il a aimé 5 téléspectateurs. Bon visionnage!