Setup for React Training

• Operating system:
  • PC: Windows 10 or later
  • Mac: OS X Mountain Lion (version 10.8) or later
• Google Chrome
• Visual Studio Code (You can use any editor that you like; however, if you don't have a preference, we recommend Visual Studio Code.)

*Students must have Administrator permissions on their computers.

Creating the Webucator Folder

The first step to setting up for your course is to create the folder in which you will store your class files: Create a new folder named Webucator wherever you want, but make sure you remember where it is.

Getting the Class Files

1. Download the React class files, which you can find at the bottom of this page.
2. Unzip the class files into the Webucator folder:
   
3. This will create a folder called ClassFiles. The structure should look like this:
   

Visual Studio Code

1. Download Visual Studio Code for your operating system.
2. Install Visual Studio Code.
   • Instructions for Windows.
   • Instructions for Mac.
3. Create a folder somewhere on your computer for storing Visual Studio Code workspaces. Name the folder vs-code-workspaces or something similar.
4. Open Visual Studio Code.
5. From the File menu, select Save Workspace As…
   
6. Save the workspace as Webucator within the workspaces folder you created earlier:
   
7. If Visual Studio Code's Explorer panel isn't open, open it by clicking the files icon on the upper left (circled below in orange). Then click the Add Folder button:
   
   If you don’t see Add Folder, then select File > Add Folder to Workspace.
   
    
8. Select the ClassFiles folder and click Add:
   
9. You will now see the ClassFiles folder in Visual Studio Code's Explorer panel:
   

You are ready to start the course.