PinnedNadia MakarevichReact re-renders guide: preventing unnecessary re-rendersMost important patterns that can prevent React components re-rendersAug 17, 202210Aug 17, 202210
Nadia MakarevichIntro to CSS animations for React developersInvestigating CSS animations in React by building some useful components like slide-in drawers, expandable search field, fancy hover…Oct 41Oct 41
Nadia MakarevichReplacing React code with CSS :has selectorLooking into what the new CSS :has selector is and how it can be used to improve our React code. Includes practical and beautiful examples.Sep 162Sep 162
Nadia MakarevichI tried React Compiler today, and guess what… 😉Investigating whether we can forget about memoization in React, now that the React Compiler is open-sourced.Jun 1012Jun 1012
Nadia MakarevichReact Compiler & React 19 — forget about memoization soon?Did you know that React Compiler is not actually React 19? But when can we expect it then and forget about memo? And what exactly changes?Mar 132Mar 132
Nadia MakarevichReact useTransition: performance game changer or…?Looking into what React Concurrent Rendering is, what hooks like useTransition and useDeferredValue do, their benefits and downsidesOct 23, 2023Oct 23, 2023
Nadia MakarevichFantastic closures and how to find them in ReactDeep dive into closures in JavaScript and React: how they appear, why we need them, what stale closures are, and how to fix them in ReactAug 17, 20237Aug 17, 20237
Nadia MakarevichTeleportation in React: Positioning, Stacking Context, and PortalsHow CSS positioning works, what is Stacking Context, how to escape overflow:hidden with CSS, why we need Portals in ReactJun 27, 20233Jun 27, 20233
Nadia MakarevichReact reconciliation: how it works and why should we careHow React reconciliation algorithm works: conditional rendering, the “key” attribute, and why we shouldn’t declare components in componentsMay 15, 2023May 15, 2023
Nadia MakarevichSay no to “flickering” UI: useLayoutEffect, painting and browsers storyHow to change elements based on DOM measurements: what is the problem with useEffect, how useLayoutEffect fixes it, what is browser paintingMay 2, 2023May 2, 2023