React Training

GitHub icon

Code Sandbox

Running into machine issues? NodeJS not configured correctly? PATH variable not picking up changes?

Don’t fear—we’ve been there too… more times than we can count!

We’ve structured our labs so that they can be utilized with a tool called CodeSandbox, which is essentially an online IDE that works similarly to your local machine setup and allows for similar functionality.

Customization

Labs 4 and beyond use a Rest API that is assumed to be running locally. For these labs you will need to modify the package.json file in each to change the proxy entry to the following:

package.json
"proxy": "https://timesheets-api-kxhyqqalbh.now.sh"

Lab 01 - Project Setup

Lab 01

Lab 02 - First React Component

Lab 02

Lab 03 - Routing with React Router

Lab 03

Lab 04 - Redux

Lab 04

Lab 05 - Form Validation

Lab 05

Lab 06 - Capstone