Good React Blogposts

React in General

• React as a UI Runtime — Overreacted
• Build your own React

Hooks (In General)

• Amelia Wattenberger: Thinking in React Hooks
• Why Do React Hooks Rely on Call Order? — Overreacted
• Deep dive: How do React hooks really work? | Netlify
• (📺) Getting Closure on React Hooks by Shawn Wang
• React hooks: not magic, just arrays | by Rudi Yardley | Medium

State

• How to replace useState with useRef and be a winner | Thoughtspile

useEffect

• React Training: useEffect(fn, ) is not the new componentDidMount()
• Simplifying useEffect | TkDodo’s blog
• A Visual Guide to useEffect | Alex Sidorenko
• Myths about useEffect | Epic React by Kent C. Dodds

useEffect cleanups

• A Visual Guide to useEffect - Cleanups | Alex Sidorenko

useLayoutEffect

• useEffect vs useLayoutEffect - KCD
• useLayoutEffect is a bad place for deriving state | Thoughtspile
• The Latest Ref Pattern in React | Epic React by Kent C. Dodds Also under useRef?
• useEffect sometimes fires before paint | Thoughtspile

useRef

• So you think you know everything about React refs | Thoughtspile
• Make useRef lazy — 4 ways | Thoughtspile
• How useRef turned out to be useMemo’s father | Thoughtspile

useMemo

• Preemptive memoization in React is probably not Evil (yet) - Zhenghao.io
• A Visual Guide to React Rendering - useMemo | Alex Sidorenko
• When should you memoize in React | Prateek Surana
• useMemo and Stable Values | Kyle Shevlin
• What the fuck is memoization? ・ Dan’s JavaScript Glossary

useCallback

• Death by a thousand useCallbacks | Royi Codes
• React Training: When do I use functions in a Hooks Dependency Array?
• A Visual Guide to React Rendering - useCallback | Alex Sidorenko
• A Complete Guide to useEffect: Are Functions Part of the Data Flow? — Overreacted
• Debounce and Throttle Callbacks with React Hooks | Kyle Shevlin
• A Deep Dive Comparison Between useMemo And useCallback | Chak Shun Yu

JSX

• Very Confusing differences between JSX and HTML | Maisie Johnson’s blog
• Good advice on JSX conditionals
• JSX is syntactic sugar — fettblog.eu
• JSX Is Not Just JavaScript

Host Element refs

• 3 ways to autofocus an input in React that ALMOST always work! | Maisie Johnson’s blog

Context

• Better React Context | Thoughtspile
• How to use React Context effectively - Kent C. Dodds

Best Practices

• react-philosophies
• Tao of React - Software Design, Architecture & Best Practices | Alex Kondov - Software Engineer

Component Library Best Practices

• Notes on maintaining an internal React component library | Gabe’s blog
• React Component API Standards - Jon Ambas

Immutability

• Records & Tuples for React

Rendering

• Why React Re-Renders - Josh W Comeau
• A (Mostly) Complete Guide to React Rendering Behavior
• When Does React Render Your Component? - Zhenghao.io

Components

• What is a react component, anyways? | Thoughtspile

Compound Components

• Compound Components :: jjenzz
• Avoid Global State — Co-locate with Uncontrolled Compound Components :: jjenzz
• Smarter, Dumb Breadcrumb :: jjenzz
• React Hooks: Compound Components

Polymorphic Components

• Decoupling a component’s style from it’s semantic meaning | Spencer Miskoviak

Forms

• Using Forms in React - Dave Ceddia

SVG in React

• BenAdam.me - React SVG Sprites

React Source Code

• Reading Source Code: React | Alex Kondov