Phase 11 · Next.js

Topics

Client 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.
InsideEdge

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
InsideEdge