Phase 11 · Next.js
TopicsClient Components
Part of the Frontend Developer Roadmap.
Summary
Components marked with `'use client'` that run in the browser and can use state, effects and event handlers — needed for any interactivity.
How to Learn This
- 1Add `'use client'` to a component that needs `useState` or an `onClick` handler.
- 2Learn to keep the client-component boundary as small and deep as possible for performance.
- 3Practice passing server-fetched data into a client component as props.
More topics in Next.js
Stuck on this topic? Ask an Insider
Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.