← All courses
⚛️Intermediate

React from Scratch

Build real, interactive interfaces with React — components, JSX, props, state, events, effects and data fetching — every lesson runnable live in your browser.

5 modules · 25 lessons · runnable · 25 lessons
Share

What you'll learn

  • Components & JSX
  • Props & state
  • Events & forms
  • Hooks & effects

Curriculum

5 modules · 25 lessons
Module 1Getting started with React5 lessons
What React is and why it existsPreviewJSX: HTML inside JavaScriptPreview
Rendering to the page
Expressions and curly braces
Styling components
Module 2Components & props6 lessons
Function components
Props: passing data in
Destructuring props
Children
Lists and keys
Conditional rendering
Module 3State & interactivity6 lessons
useState: remembering valuesPreview
Handling events
Forms and controlled inputs
Updating state from the previous value
Lists you can change
Lifting state up
Module 4Effects & data4 lessons
useEffect: running side effects
The dependency array
Fetching data
Loading and error states
Module 5Build something real4 lessons
Project: a counter with limits
Project: a to-do list
Project: live search filter
Where to go next

Reviews

No reviews yet.

More in Web Development

Browse all →