Components & Props — Roadmap Step & Resources
Functional components, composing components and passing props
- Level: intermediate
- Estimated time: 1 days
- Roadmap: Next.js Full Stack
Before this step
Interview questions
- What are props and why are they read-only?
Study resources
- Passing Props to a Component (Article) — The official React documentation's guide to composing components and passing data via props.
- Component Basics (Article) — The official Vue.js documentation on defining components and passing data via props.
- Rendering Components (Article) — The official React guide on writing first component trees, exports, imports, and component hierarchy.
- React Props Explained (Video) — Dave Gray explains destructuring props, children props, and default values in functional components.
- Writing Markup with JSX (Article) — Official React guide covering JSX rules, wrapping tags, camelCase attributes, and passing props.
Part of
- React Fundamentals — section
- Next.js Full Stack roadmap — the full learning path