Stage 2 of 7 · 8 lessons · ~3 months
Git, npm and React
Version control and packages, then React inside Next.js: components, state and forms, with the App Router for pages, layouts and navigation.
Start: Git commits, branches and pull requestsLessons· one lesson for each topic, in this order
- 1Git commits, branches and pull requestsLesson
- 2npm, package.json and lockfilesLesson
- 3Components, JSX and propsLesson
- 4State, events and lifting state upLesson
- 5Effects, and when you do not need oneLesson
- 6Forms and validationLesson
- 7App Router pages, layouts and navigationLesson
- 8Server and client componentsLesson
Start with· follow one of these
- GuideFreeReact Documentation
Meta
Free official course; Thinking in React and Managing State matter most
- CourseFreeNext.js Learn
Vercel · Intermediate
Free official course: the first chapters build pages, layouts and navigation
Practise
Keep handy
Before moving on: Build a multi page Next.js app that reads from a public API, with nested layouts, a detail page per item and a validated form, kept on GitHub with a clean commit history.
Read the React docs sections on state before any course, then stop polishing the frontend once it works. The backend stages are where full stack developers usually fall short, so save your perfectionism for the data model.