Prop drilling and component composition in React
Sometimes all we need to avoid prop drilling is a little restructuring
All articles
React recursively re-renders child components, but there is a nuance
Component composition as an alternative to memoization
Optimizing React performance without refs and memo
Frequent state updates in React can lead to performance problems. How to fix this withohut using refs or memo?
Why does onClick={x()} causes "too many re-renders" error in React?
And how to fix it
How to update the state of a sibling component in React?
Lifting the state up
Does my React app render too often?
Worried some of your react components may be re-rendering too often?
How many re-renders are too many?
When should I start optimizing my React app?
Pause Your React App with Breakpoints
Pause and debug your React app
A Visual Guide to Javascript for React developers - First-class functions
Javascript has First-class Functions. What does it mean?
A Visual Guide to useEffect - Cleanups
Why do we need to clean up effects
A Visual Guide to useEffect
Side effects in React
A Visual Guide to React Rendering - Refs
Refs in React and how they affect rendering
How Code Splitting Improves Lighthouse Score
What if there was one single technique that could help increase Lighthouse performance score by a lot?
A Visual Guide to React Rendering - Cheat Sheet
A quick cheat sheet to React rendering mechanism
How to Detect Slow Renders in React?
How to find and fix React perormance bottlenecks
My React App is Slow and I Don't Know Why
What performance testing tools are available in React world, and how to start using them?
React is Declarative - What Does it Mean?
What does declarative mean and what is the opposite of declarative
A Visual Guide to React Rendering - DOM
Does React component re-render mean DOM update?
A Visual Guide to React Rendering - Context
How useMemo can help you prevent unnecessary re-renders.
A Visual Guide to React Rendering - useCallback
How useCallback can help you prevent unnecessary re-renders.
A Visual Guide to React Rendering - useMemo
How useMemo can help you prevent unnecessary re-renders.
A Visual Guide to React Rendering - Props
There are two types of values in javascript. Understanding the differences between them gives you Jedi powers in controlling component rendering.
A Visual Guide to React Rendering - It Always Re-renders
Contrary to popular belief, by default, react component doesn't care whether its props changed or not. It will always re-render when its parent renders.
How to stop re-rendering lists in React?
I only want to update one component in the list, but all of them re-render.
3 ways to cause an infinite loop in React
Have you spent some time trying to debug an infinite loop in React? Check out these 3 potential causes.
Why is it so difficult to modify a deeply nested state in React?
Immutability in React, and why it is a great trade-off
Change page title in React without libraries
You may not need React Helmet
Protected routes in Next.js compared to React Router
How to authorize routes in Next.js
Recreate "The Goonies" scroll animation with React
Using React PLX to create mind-blowing scroll transitions
What should I learn to start applying for front-end jobs?
Is React alone enough? Do you need HTML and CSS too? Why are there still so many courses on jQuery? Should I learn Redux?
Improve website design in a couple of hours
Make your project look better in no time
Is "Refactoring UI" worth the money?
Review of the popular design book
3 places to go to practice frontend
Just finished CSS/HTML course? Here's what to do next.
Where to find UI mockups to practice HTML/CSS
Have you recently finished an HTML/CSS course and looking for more practice?
How to make equal height columns with CSS
CSS grid layout makes it easier than ever