Full stack development

Stage 2 of 7 · 8 lessons · ~3 months

Git, npm and React

Version control and packages, then a real React frontend built with Vite: components, state, effects, forms, client side routing and talking to an API.

Start: Git commits, branches and pull requests

Lessons· one lesson for each topic, in this order

  1. 1Git commits, branches and pull requests
  2. 2npm, package.json and lockfiles
  3. 3A Vite React project and its dev server
  4. 4Components, JSX and props
  5. 5State, events and lifting state up
  6. 6Effects and data fetching
  7. 7Forms and validation
  8. 8Client side routing

Start with· follow one of these

  • GuideFree
    React Documentation

    Meta

    Free official course; Thinking in React and Managing State matter most

  • CourseFree
    Full Stack Open

    University of Helsinki · Intermediate

    Free: Parts 0 to 2 cover web basics, React and talking to a server

Practise

Keep handy

Before moving on: Build a multi page React app with Vite that talks to a public API, with routing and a validated form, kept on GitHub with a clean commit history.

Tauseef's advice
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.

Mark this stage as not done?