PinnedReact re-renders guide: preventing unnecessary re-rendersThis is the second part of React re-renders guide: everything, all at once. There are no investigations, no explorations in this guide, just raw facts and LOTs of patterns. Each pattern is linkable independently and has: - a short description - visual aid that demonstrates the pattern - working code example in…React8 min readReact8 min read
Oct 23React useTransition: performance game changer or…?Table of Contents Let’s implement a slow state update Concurrent Rendering and useTransition for slow state updates The dark side of useTransition and re-renders How to use useTransition, then? What about useDeferredValue? Can I use useTransition for debouncing? Unless you’ve lived under a rock for the last two years, you’ve probably heard the…React11 min readReact11 min read
Aug 17Fantastic closures and how to find them in ReactThis article is available in video format. Fewer details, but nice animations and voice instead of letters. Also, this article is part of the “Advanced React” book. If you like it, you might like the book as well 😉 Table of content The problem JavaScript, scope, and closures The stale closure problem Stale…React16 min readReact16 min read
Jun 27Teleportation in React: Positioning, Stacking Context, and PortalsIf you had the chance to gain a superpower, what would it be? How about teleportation? It’s one of the most popular ones (at least according to ChatGPT 😅). And no surprise here: who wouldn’t want to be able to avoid all the traffic or people breathing down your neck…Frontend14 min readFrontend14 min read
May 15React reconciliation: how it works and why should we careThis article is available in video format. Fewer details, but nice animations and voice instead of letters 😉 Every time I think I surely know everything about how React renders components, the universe finds a way to surprise me. Something as innocent as a simple if statement can completely blow…React19 min readReact19 min read
May 2Say no to “flickering” UI: useLayoutEffect, painting and browsers storyOriginally published at https://www.developerway.com. The website has more articles like this 😉 Let’s talk a bit more about DOM access in React. In the previous article (Refs in React: from access to DOM to imperative API) we covered how to do it with Ref, and learned everything about Ref as…15 min read15 min read
Apr 4Refs in React: from access to DOM to imperative APIOriginally published at https://www.developerway.com. The website has more articles like this 😉 One of the many beautiful things about React is that it abstracts away the complexity of dealing with real DOM. Now, instead of manually querying elements, scratching our heads over how to add classes to those elements, or…React12 min readReact12 min read
Feb 23How to handle errors in React: full guideOriginally published at https://www.developerway.com. The website has more articles like this 😉 We all want our apps to be stable, to work perfectly, and cater to every edge case imaginable, isn’t it? But the sad reality is we are all humans (at least that is my assumption), we all make…React12 min readReact12 min read
Jan 12How to debounce and throttle in React without losing your mindOriginally published at https://www.developerway.com. The website has more articles like this 😉 When talking about performance in general, and especially in React, the words “immediate”, “fast”, “as soon as possible” instantly come to mind. Is it always true though? Contrary to common wisdom, sometimes it’s actually good to slow down…React14 min readReact14 min read
Nov 16, 2022Fetching data in React: the case of lost PromisesOriginally published at https://www.developerway.com. The website has more articles like this 😉 How would you like to be a bad guy? Some evil genius of frontend development who can write seemingly innocent code, which will pass all the tests and code reviews, but will cause the actual app to behave…React13 min readReact13 min read
