React JS Workshop

Outline

1. Running React in your browser & Hello World! exercise
2. JavaScript and JSX
3. Build a React web app using create-react-app

Pre-Requisite

1. Familiarize yourself with basic HTML and JavaScript - you can read this online JS Tutorial (https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript).

2. Download and install a good text editor. We recommend Visual Studio Code (VSCode) (https://code.visualstudio.com).

3. Install NodeJS in your computer (https://nodejs.org/en/). We recommend getting the latest version (v10.4.x).

4. Install http-server

   npm install -g http-server	
   

5. Install create-react-app

   npm install -g create-react-app
   

Verify Your Development Environment

• Ensure Node JS and NPM are installed:

   node --version
   npm --version
  

• Check your create-react-app is installed:

   create-react-app --version
  

Web Browser

We recommend using the Google Chrome browser. You should also install this extension:

• React Developer Tools (https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)