Components as props - Advanced React course, Episode 3

Advanced React course

👉 Based on the "Advanced React" book, chapter 3: https://www.advanced-react.com The third episode of the "Advanced React" course. The course will be uploaded episode by episode once every 1-2 weeks. 🎬 Episode 3: Elements as props 00:00 The problem 00:47 Generic components with elements as props 2:54 Elements as props - downside 3:42 Default props to elements as props 4:25 Downside of default props 4:57 Do elements as props have performance concern? 👩🏻‍💻 Code examples: 1. Button with icon as a prop: https://codesandbox.io/p/sandbox/episode-3-example-1-button-with-icons-mkc559 2. Default props for the icon: https://codesandbox.io/p/sandbox/episode-3-example-2-default-props-for-icons-339tgr?file=%2FApp.tsx 3. Broken default props: https://codesandbox.io/p/sandbox/episode-3-example-3-broken-default-props-ys8l8v?file=%2FApp.tsx

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/