What is RECONCILIATION & FIBER TREE? RENDER PHASE Part 2 | ReactJS Tutorial | Hindi
What is RECONCILIATION & FIBER TREE? RENDER PHASE Part 2 | ReactJS Tutorial | Hindi
PART 1:- • Components vs Instances vs React Elem...
PART 2:- • How does React reflect the latest sta...
PART 3:- • RENDER IS TRIGGERED | PHASE 1 | React...
PART 4:- • What is Virtual DOM/React Element Tre...
Welcome to Part 2 of our ReactJS Tutorial series in Hindi! In this video, we delve deeper into the intricacies of React's rendering process, focusing on two vital concepts: Reconciliation and Fiber Tree. Gain a comprehensive understanding of how React efficiently updates the UI by reconciling virtual DOM changes with the actual DOM, and explore the Fiber Tree data structure that enables asynchronous rendering. Whether you're a beginner or an experienced developer, this tutorial provides valuable insights to enhance your React skills. Watch now to master these fundamental concepts and optimize your React applications. Don't forget to subscribe for more educational content!
00:00 - Introduction
00:30 - Part 1 Recap (Render Phase)
01:10 - Why do we need all of this? (Reconciliation, fiber, fiber tree)
03:15 - How does React know what to change on each re-render?
03:46 - What is Reconciler?
04:31 - How does Reconciler (FIBRE) work?
06:05 - Why is the render phase asynchronous?
07:05 - Reconciliation and real-world examples
09:25 - Render Phase Conclusion | List of Effects
10:16 - Wrapping up