This is a companion repository for the Complete Intro to React, v9 course on Frontend Masters.
Every step of the project built throughout the course will have a folder that will be a snapshot of the current state of the project. The naming format will be XX-<name of the lesson> so you can get a rough idea of order and which lesson the step is coming from. In each snapshot you'll have to run npm install again since they are another whole copy of the project.
We recommend using Node.js version 20 with this course. The project will be built from scratch so most of the folders in this repo are just for reference. Later in the course, the api directory will be used to simulate an API server. To get set up, clone the repository:
git clone https://github.com/btholt/citr-v9-project.gitPlease file issues and open pull requests on the course website repo. Feel free to open pull requests here, but the issues should go in the other repo.
The content of this workshop is licensed under CC-BY-NC-4.0. Feel free to share freely but do not resell my content.
The code, including the code of the site itself and the code in the exercises, are licensed under Apache 2.0.
React icons created by Pixel perfect - Flaticon
Make sure you have Node.js version 20.x.x installed
If you missed Day 1 of the Complete Intro to React, v9 workshop, follow these instructions to get set up for Day 2.
# Clone this repo and use the 09-routing directory as a starting point
git clone https://github.com/btholt/citr-v9-project.git
cd citr-v9-project/09-routing
npm install
npm run dev # this starts the Vite development server on http://localhost:5173You also need to run the API server which is our data source and static file server. Just leave this server running in a separate terminal:
# Open a second terminal and navigate to the citr-v9-project/api directory
npm install # install the dependencies
npm run dev # run the server