React Lifecycle Architecture [How does the react component lifecycle work?]
"This video will be a beginners guide to the React Lifecycle Architecture
ReactJS, is one of the best libraries in the industry right now. It gives you a way to write your code/logic in a more styled way.
React is defined into components, and each component has several “lifecycle methods” that you can override to run code at particular times in the process.
Now you can start coding React, or best to say you can start creating components in two different ways. One Class based Components and second Functional Components.
Writing Functional components is rather a new and a more easier approach, where as Class Components is a bit of old school, but still a used approach of writing React Components.
As in this video we are going to discuss in detail the API reference for the React component class definition or rather we would discuss about Life Cycle Architecture of React Components. React architecture is bifurgated into 3 phases, Mounting Phase, Updating Phase, and Unmounting Phase.
Each phase consist of multiple methods like constructor, getDerivedStateFromProps, render, componentDidMount, componentDidUpdate, getSnapshotBeforeUpdate, shouldComponentUpdate, componentDidCatch, getDerivedStateFromError, componentWillUnmount, and so on. All these methods are predefined and have a unique way of working. Each method allows you to execute the code written in them at any specific moment in the life cycle execution of code.
For example: constructor and getDerivedStateFromProps these 2 methods will always be called before the render method. Also you can write JSX in render method and it will print the same in the DOM, and much more.
This video will definitely help you out to get a basic understanding of these methods in the most easier and simplistic way. I have tried to explain with examples all these methods, APIs, and architecture. I hope you like them. KEEP LEARNING !!!
Please subscribe to our channel KnowledgeKeen to learn and understand the basics of development - / knowledgekeen
What I use for shooting my videos - Tripod - https://amzn.to/3ASkf8F - OnePlus 7 - https://amzn.to/3xRJ2ry - Dell Inspiron 15 G3 3500 Gaming Laptop - https://amzn.to/2VWLMHr - Boya Microphone - https://amzn.to/3k4xNqP - Syska Lamp - https://amzn.to/3gccDWP"
reactjs,
learn react,
react tutorial,
lifecycle,
component lifecycle,
#react, #lifecycle, #architectureofreactjs, #componentlifecycle
