>_BeginnerCoder
❤ Donate

▲ Next.js Foundations

React for production — components, props and state you run live.

1
Lesson 1 — Pages are components
basics · 6 min
→2
Lesson 2 — Reusable UI
easy · 8 min
→3
Lesson 3 — Interactivity
medium · 10 min
→4
Lesson 4 — Rendering data
medium · 9 min
→5
Lesson 5 — Routing idea
medium · 9 min
→6
Lesson 6 — Component composition
medium · 9 min
→7
Lesson 7 — Conditional UI
medium · 9 min
→8
Lesson 8 — Passing props deep
medium · 9 min
→9
Lesson 9 — List rendering
medium · 9 min
→10
Lesson 10 — Counter with reset
medium · 9 min
→11
Lesson 11 — Theme toggle
medium · 10 min
→12
Lesson 12 — Filtered list UI
medium · 9 min
→13
Lesson 13 — Data shaping
hard · 11 min
→14
Lesson 14 — Derived values
hard · 11 min
→15
Lesson 15 — Tabs UI
hard · 12 min
→16
Lesson 16 — Form submit
hard · 11 min
→17
Lesson 17 — Mini dashboard
hard · 13 min
→18
Lesson 18 — Derived + memo
hard · 10 min
→19
Lesson 19 — Compound components
hard · 12 min
→20
Lesson 20 — Custom toggle hook
hard · 11 min
→21
Lesson 21 — Error boundary
hard · 12 min
→22
Lesson 22 — Reducer state (expert)
hard · 13 min
→23
Lesson 23 — Tabs with context
very hard · 15 min
→24
Lesson 24 — Form validation
very hard · 15 min
→25
Lesson 25 — Ultimate: mini dashboard
★ ultimate · 19 min
→