Menon

Elements, Children and Re-renders - Advanced React course, Episode 2

Advanced React course

👉 Based on the "Advanced React" book, Chapter 2: https://www.advanced-react.com The second episode of the "Advanced React" course. The course will be uploaded episode by episode once every 1-2 weeks. 🎬 Episode 2: Elements, Children and Re-renders 00:00 The problem 00:59 Composition trick to reduce re-renders 3:11 What are the Elements 4:42 How rendering and re-rendering are triggered 5:29 Diffing and reconciliation intro 8:10 Children prop 👩🏻‍💻 Code examples: 1. The problem: https://codesandbox.io/p/sandbox/example1-the-problem-l6gvcl 2. "content" prop example: https://codesandbox.io/p/sandbox/example2-pass-as-content-prop-6mnnm2 3. Components as children: https://codesandbox.io/p/sandbox/example3-components-as-children-lyzfc4 💬 Twitter: https://twitter.com/adevnadia 💬 Linkedin: https://www.linkedin.com/in/adevnadia

About the course

Advanced concepts, strategies, techniques, patterns and in-depth investigations in React. Based on the chapters of the "Advanced React" book: https://advanced-react.com/