Nadia Makarevich – Medium

Nadia Makarevich

Pinned

Nadia Makarevich

React re-renders guide: preventing unnecessary re-renders

Most important patterns that can prevent React components re-renders

Aug 17, 2022

React re-renders guide: preventing unnecessary re-renders

Aug 17, 2022

Nadia Makarevich

Intro to CSS animations for React developers

Investigating CSS animations in React by building some useful components like slide-in drawers, expandable search field, fancy hover…

Oct 4

Intro to CSS animations for React developers

Oct 4

Nadia Makarevich

Replacing React code with CSS :has selector

Looking 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 16

Replacing React code with CSS :has selector

Sep 16

Nadia Makarevich

I 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 10

I tried React Compiler today, and guess what… 😉

Jun 10

Nadia Makarevich

React 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 13

React Compiler & React 19 — forget about memoization soon?

Mar 13

Nadia Makarevich

React useTransition: performance game changer or…?

Looking into what React Concurrent Rendering is, what hooks like useTransition and useDeferredValue do, their benefits and downsides

Oct 23, 2023

React useTransition: performance game changer or…?

Oct 23, 2023

Nadia Makarevich

Fantastic closures and how to find them in React

Deep dive into closures in JavaScript and React: how they appear, why we need them, what stale closures are, and how to fix them in React

Aug 17, 2023

Fantastic closures and how to find them in React

Aug 17, 2023

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 need Portals in React

Jun 27, 2023

Teleportation in React: Positioning, Stacking Context, and Portals

Jun 27, 2023

Nadia Makarevich

React reconciliation: how it works and why should we care

How React reconciliation algorithm works: conditional rendering, the “key” attribute, and why we shouldn’t declare components in components

May 15, 2023

React reconciliation: how it works and why should we care

May 15, 2023

Nadia Makarevich

Say no to “flickering” UI: useLayoutEffect, painting and browsers story

How to change elements based on DOM measurements: what is the problem with useEffect, how useLayoutEffect fixes it, what is browser painting

May 2, 2023

Say no to “flickering” UI: useLayoutEffect, painting and browsers story

May 2, 2023

Nadia Makarevich

Nadia Makarevich

Frontend architect, coder. https://www.developerway.com. Advanced React book: https://www.advanced-react.com

Following

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams