Nadia Makarevich
Existential React questions and a perfect Modal Dialog
My step-by-step process for implementing a new feature from an idea to a production-ready solution using Modal Dialog as an example.
Nadia Makarevich
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
Nadia Makarevich
React reconciliation: how it works and why should we care
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.
Nadia Makarevich
React re-renders guide: everything, all at once
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.
Nadia Makarevich
The mystery of React Element, children, parents and re-renders
Looking into what is React Element, exploring various children vs parents relationship in React, and how they affect re-renders
Nadia Makarevich
React components composition: how to get it right
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?
Nadia Makarevich
Higher-Order Components in React Hooks era
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?
Nadia Makarevich
React component as prop: the right way™️
Exploring how to pass React components as props, why we would want to do it, and what is the best pattern for the job
Nadia Makarevich
How to write performant React code: rules, patterns, do's and don'ts
Looking into patterns that lead to poor performance of React apps, why they are bad, and how to recognise and avoid them.