Teleportation in React: Positioning, Stacking Context, and Portals
How CSS positioning works, what is Stacking Context, how to escape overflow:hidden with CSS, why we can't do everything with CSS and need Portals, how Portals work
How CSS positioning works, what is Stacking Context, how to escape overflow:hidden with CSS, why we can't do everything with CSS and need Portals, how Portals work
Looking in detail into how React reconciliation algorithm works. Explore in the process quirks of conditional rendering, the 'key' attribute, and why we shouldn't declare components inside other components.
React re-renders "cheatsheet". Short descriptions with visual aid and code examples of: what re-renders are, what triggers them, most important re-renders related patterns and antipatterns to remember.
Looking into what is React Element, exploring various children vs parents relationship in React, and how they affect re-renders
What is components composition? How do you know when to start splitting a big component into smaller pieces and how to compose them properly? What makes a good component?
What is a React higher-order component? How it can be used and why? And do we still need them in modern apps in React hooks era?
Exploring how to pass React components as props, why we would want to do it, and what is the best pattern for the job
Looking into patterns that lead to poor performance of React apps, why they are bad, and how to recognise and avoid them.