Skip to content
WebDev Path
Back

Week 13: Routing, Tailwind CSS and app structure

Next video

Free lesson by Web Dev Simplified on YouTube

About this lesson

Module:
React
Time:
about 12 hours
Video:
46 min

Turn components into a real multi-page app with a clean design system.

By the end of this week you can

  • Add pages with React Router
  • Style quickly with Tailwind CSS
  • Share state with context

Learn

  • React Router: routes, links, params, 404
  • Tailwind CSS utility classes
  • Context for simple global state
  • Folder structure for a growing app

Read or watch

Practice

  1. Add 3 pages and a 404 page
  2. Restyle one page with Tailwind

Build

Finish and deploy Project 3: admin dashboard.

Check your understanding

Score 4 out of 5 to complete this week.

  1. 1. What does client-side routing avoid?
  2. 2. In Tailwind, what does md:flex mean?
  3. 3. Which Tailwind classes add horizontal padding?
  4. 4. How should you read a route parameter like /posts/:id?
  5. 5. What is a good way to structure a growing React app?
0 of 5 answered