React

Build modern UIs with React

250 tutorials

12 of 250 tutorials

Aug 15, 2026· 6 min read

Callback Refs vs Object Refs in React

Object refs hold a node in a current property, while callback refs run a function whenever a node attaches or detaches. Learn which fits your case.

React

Aug 15, 2026· 6 min read

How to Integrate Third-Party DOM Libraries with React

Give an imperative library a container element through a ref, initialize it in an Effect after commit, and destroy it in the cleanup.

React

Aug 15, 2026· 7 min read

Common React Ref Errors and How to Fix Them

Diagnose the common React ref errors, from null current values to unforwarded refs and conditional nodes, with a fix for each.

React

Aug 15, 2026· 6 min read

How to Type useRef in React with TypeScript

Type the useRef Hook correctly in TypeScript: useRef now requires an argument and returns one mutable RefObject type for both DOM nodes and plain values.

React

Aug 15, 2026· 6 min read

React Context Tutorial: Create, Provide, and Read Context

Create a context with createContext, provide a value through a provider, and read it with useContext to share data across a React component tree.

React

Aug 15, 2026· 6 min read

How to Create Safe Default Values for React Context

Choose between a meaningful fallback default and a custom hook that throws, so a missing React context provider fails loudly instead of silently.

React

Aug 15, 2026· 6 min read

Prop Drilling in React: When It Is a Problem and How to Fix It

Recognize prop drilling, decide when it is worth fixing, and apply composition or context to stop threading unused props through the tree.

React

Aug 15, 2026· 6 min read

Context vs Props: When to Use Each

Props flow explicitly from parent to child, while context shares a value with any reader below a provider. Learn which to reach for and when.

React

Aug 15, 2026· 6 min read

How to Update Context Values from Child Components

Keep context state in a provider component and pass the value with its setter, so child components can read and update shared state.

React

Aug 15, 2026· 6 min read

How to Use Multiple Context Providers Cleanly

Combine several React context providers into one provider component so the tree stays readable as your app collects more shared values.

React

Aug 15, 2026· 6 min read

Why Context Causes Re-renders and How to Reduce Them

Context re-renders every component that reads it when the value changes. Learn why and how to reduce the work with useMemo and useCallback.

React

Aug 15, 2026· 7 min read

Common React Context Mistakes and Better Patterns

Spot the recurring React context mistakes, from treating it as a global store to recreating the value, and apply the smaller, clearer pattern.

React