Skip to content

SETUP.md

Latest commit

 

History

History
43 lines (30 loc) · 1.45 KB

SETUP.md

File metadata and controls

43 lines (30 loc) · 1.45 KB

Setup

Node & IDE

In this workshop, you'll have to install:

  • nodejs: JavaScript runtime
  • npm: node package manager
  • npx: node_modules command executor
  • ESlint VSCode extension
  • react devtools extension (firefox/chrome)

To install node:

  • Fedora: sudo dnf install nodejs -y
  • Ubuntu: sudo apt install nodejs npm -y

Then sudo npm install -g npx

Project setup

First off, create your project with npx:

npx create-react-app react-workshop-poc --template typescript && cd react-workshop-poc

Then, install the dependencies we will be using for build our app:

npm install @mui/material @emotion/react @emotion/styled @mui/icons-material
npm install -D @types/material-ui

💡 You will figure out later their purposes!

All you have to do now is to open the react-workshop-poc folder in VSCode (if you just open the src folder, ESlint won't be able to give warnings)

Finally, launch the app (in the react-workshop-poc folder once again):

npm start

If it opens a tab in your browser with an atom logo spinning, then you can start the exercises!

Go back to the exercises