Git Product home page Git Product logo

reactworkshop_cookerino_student_version's Introduction

Setup Guide

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

Django (7th January 3pm-6pm)

Installing anaconda

https://docs.anaconda.com/anaconda/install/

React (8th January 3pm-6pm)

We have to install nodejs to start developing React apps, lets go!

Installing Nodejs

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

Installing Visual Studio Code

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

Checking if you can run React

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 :)

  1. Go to any folder you want to save your file in
  2. 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)
  3. cd into that folder using cd first-react-app
  4. run npm start
  5. 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!

Wrap up

You have learnt to create your very first react app! Look forward to teaching you more on friday!

Further reading

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

reactworkshop_cookerino_student_version's People

Contributors

clarence-lee-sheng avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.