IntermediateLesson 3 of 1730 min 路 hands-on
Props
Part of the React course
Every component you have written so far has been hardcoded. Greeting always says hello to the same name, Card always shows the same text. That is fine for a demo, but it defeats the entire point of a component, which is to write something once and reuse it in many places with different content.
This lesson's folder holds a small Vite project whose main.jsx shows the lesson's component in the browser. Install its packages and start the dev server ...
Want to learn React Props in a real environment?
Click below, get a fresh Linux box with React ready to go, and work through Props hands-on with an AI tutor that knows your code.
Start this lessonPropsWhat you'll learn
- Passing props as attributes
- Receiving props object
- Destructuring props in signature
- Default values
- Thinking about prop shapes
Read this lesson in your language
All lessons in this course
17 lessons- 1What is React?25 min
- 2JSX and Components30 min
- 3Props30 min
- 4State with useState35 min
- 5Handling Events30 min
- 6Conditional Rendering and Lists30 min
- 7Forms and Controlled Inputs35 min
- 8Effects with useEffect40 min
- 9Data Fetching40 min
- 10Component Composition35 min
- 11Context and useContext35 min
- 12useReducer35 min
- 13Custom Hooks35 min
- 14Performance and Memoization35 min
- 15Routing with React Router40 min
- 16Testing React Components40 min
- 17Capstone: Todo App60 min
Explore other courses
Python
19 lessons 路 9.3h
Go
20 lessons 路 12.3h
Linux
17 lessons 路 8.5h
Docker
13 lessons 路 6.6h
Git
13 lessons 路 5.9h
Kubernetes
14 lessons 路 8h
Ansible
12 lessons 路 6.1h
Bash
12 lessons 路 5.7h
Helm
10 lessons 路 5.4h
GitLab CI
11 lessons 路 5.8h
Jenkins
11 lessons 路 5.3h
PostgreSQL
14 lessons 路 7.6h
MySQL
13 lessons 路 6.8h
Web
14 lessons 路 5.9h
TypeScript
18 lessons 路 7.7h
Vibe Coding
12 lessons 路 5.8h
Prompt Engineering
11 lessons 路 6.2h
Vibe Coding: Fundamentals
12 lessons 路 4.5h
Vibe Coding: Prototype to Production
12 lessons 路 5.5h
Vibe Coding: Multi-Agent Engineering
12 lessons 路 5.3h
Vibe Coding: Advanced Engineering
12 lessons 路 7.3h
