Build a Job Board Frontend in React

The tech stack for this mission

ReactViteJavaScriptCSS3GitHub

What you learn, checkpoint by checkpoint

1. Checkpoint A

   Set up React with Vite and break the job board into components

   • Create a React project with Vite and npm
   • Write functional components in JSX and compose them into pages
   • Pass data down with props and inspect it in React DevTools

2. Checkpoint B

   Manage state, render lists and handle events

   • Hold and update UI data with useState
   • Handle events and render lists of jobs with keys
   • Show and hide UI with conditional rendering

3. Checkpoint C

   Build controlled forms and fetch job data from an API

   • Build controlled forms for searching and posting jobs
   • Fetch job data from an API with an introductory useEffect
   • Handle loading and error states in React