Hooks

Summary

Functions (`useState`, `useEffect`, `useContext`, etc.) that let function components use state, side effects and other React features without writing a class.

How to Learn This

1Learn the 'Rules of Hooks' — only call at the top level, only from React functions.
2Work through `useState`, `useEffect`, `useRef` and `useContext` one at a time.
3Read why hooks were introduced — sharing stateful logic between components was painful before.

Lifecycle

Context API

More topics in React

JSX Components Props State Lifecycle Context API React Router Forms Controlled Components Refs Memoization Error Boundaries Lazy Loading Suspense Portals Custom Hooks Render Props HOC React Patterns

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.

Download