Advanced patterns for Frontend developers

Improve your technical skills with in-depth explanations, practical advices and useful tips and tricks.

Techstack: React, Typescript, node, monorepos, yarn, webpack, etc.

Get the latest content by email. No spam, ever.

Advanced React Book

Available formats: e-book, paperback, hardcover.

Latest articles

Read all →

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 prevent and fix them in React

Nadia Makarevich

Aug 14, 2023

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

Jun 21, 2023

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

May 11, 2023

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

How to change elements base on DOM measurements: what is the problem with useEffect, how useLayoutEffect fixes it, what is browser painting, and how SSR plays a role here

Nadia Makarevich

Apr 20, 2023

Refs in React: from access to DOM to imperative API

Looking into why we need access to DOM in React, how Refs can help with that, what are useRef, forwardRef and useImperativeHandle hooks, and how to use them properly.

Nadia Makarevich

Mar 28, 2023

How to handle errors in React: full guide

Looking into how to catch and handle errors in React: usages, patterns and caveats of try/catch and ErrorBoundary, what's possible, what's not, and how to catch async errors with ErrorBoundary

Nadia Makarevich

Feb 14, 2023

How to debounce and throttle in React without losing your mind

Deep dive into debounce and throttle in React. What is debounce and throttle, how to use them in React properly, how to avoid breaking them when state and re-renders are involved.

Nadia Makarevich

Jan 5, 2023

Most popular articles

Read all →

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

Aug 2, 2022

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

Feb 15, 2022

How to fetch data in React with performance in mind

Deep dive into data fetching in React. What is performance, fundamental libraries-agnostic patterns and techniques, how react lifecycle and browser limitations affect data fetching and apps rendering time and order.

Nadia Makarevich

Oct 6, 2022

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

Jul 4, 2022

About the Author

G'day, I'm Nadia! I am a frontend architect, coder, writer, and educator.

I used to work at Atlassian, where I had a chance to be exposed to completely different types of frontend development in various teams, including Atlaskit, Jira Navigation team, Jira Ops team, Jira Frontend Platform team. The last one was responsible for the architecture, builds, deploys, and best practices of the entire Jira frontend repository (millions of lines of code now!). So that was fun times 😅.

After the joys and challenges of working for big tech, three years ago I decided to gain a completely different perspective and joined a small startup called Pyn as a Founding Engineer.

Over the past few years, while writing this blog, I've also spoken at conferences throughout the world, from Europe to Australia: React Summit in Amsterdam, CODEstantine in Belgrade and ReactConf in Sydney, to name a few.

In summary, when it comes to React, I think I can safely say that I've seen it all.

Contact

General