>_BeginnerCoder
❤ Donate

⚛️ React Foundations

Build UI with components and state — live preview updates as you type.

1
Lesson 1 — Your first component
basics · 6 min
→2
Lesson 2 — Props
easy · 8 min
→3
Lesson 3 — State & useState
medium · 10 min
→4
Lesson 4 — Rendering lists
medium · 9 min
→5
Lesson 5 — Handling input
medium · 10 min
→6
Lesson 6 — Props
medium · 8 min
→7
Lesson 7 — Conditional rendering
medium · 9 min
→8
Lesson 8 — Derived values
medium · 10 min
→9
Lesson 9 — Handling events
medium · 8 min
→10
Lesson 10 — Multi-field form
medium · 9 min
→11
Lesson 11 — useEffect
hard · 12 min
→12
Lesson 12 — Lists & keys
hard · 10 min
→13
Lesson 13 — Controlled input
hard · 11 min
→14
Lesson 14 — useEffect
hard · 11 min
→15
Lesson 15 — Lifting state up
hard · 12 min
→16
Lesson 16 — useReducer
hard · 12 min
→17
Lesson 17 — Mini project: todo list
hard · 13 min
→18
Lesson 18 — useMemo
hard · 10 min
→19
Lesson 19 — useCallback
hard · 10 min
→20
Lesson 20 — Custom hooks
hard · 12 min
→21
Lesson 21 — Context
hard · 12 min
→22
Lesson 22 — Reducer + context (expert)
hard · 13 min
→23
Lesson 23 — Store with reducer + context
very hard · 15 min
→24
Lesson 24 — useInterval hook
very hard · 15 min
→25
Lesson 25 — Ultimate: todo app
★ ultimate · 20 min
→