Hi! We are excited to give you the full stack web developer experience, but before we start off, we need to ensure that all the needed software is downloaded
https://docs.anaconda.com/anaconda/install/
We have to install nodejs to start developing React apps, lets go!
To install Nodejs, you can use the link below and click the option depending on your computer system and go with the default options
https://nodejs.org/en/ (Windows and MacOS)
For homebrew users (macOS)
- Brew Install node
To check if it is installed properly
- Open your terminal (macOS) or command prompt (windows )
- run: npm --version or node --version and check that you have a working version of nodejs
If you have already been coding and have your favourite code editor then feel free to use your preferred code editor of choice!
However, if you want some swag, download Visual Studio Code to help you write some awesome code :)
You can download it in the link below and choose the option based on your computer system https://code.visualstudio.com/download
This is to check if everything is installed properly and functioning, if this works for you you are good to go for the workshop on friday :)
- Go to any folder you want to save your file in
- navigate to that file path in your command prompt or terminal and run npx create-react-app first-react-app (This will usually take a while to complete)
- cd into that folder using cd first-react-app
- run npm start
- The browser should automatically open up but if it doesn't, go to localhost:3000 in your browser. If you see a spinning react icon youre good to go!
You have learnt to create your very first react app! Look forward to teaching you more on friday!
If you are interested to find out more about React prior to the course, you can check out the resources created by Bryce Goh at https://github.com/3DCdsc/Intro_to_React_Workshop