Links mentioned in each lesson of the React Course:
- Google Chrome installation instructions: https://github.com/SuperSimpleDev/installation-instructions/blob/main/google-chrome.md
- VSCode (Visual Studio Code) installation instructions: https://github.com/SuperSimpleDev/installation-instructions/blob/main/vscode.md
- JavaScript Full course: https://youtu.be/EerdGm-ehJQ
- HTML CSS Full course: https://youtu.be/G3e-cpL7ofc
- Starting code: https://supersimple.dev/react-basics
- External library example: https://unpkg.com/supersimpledev/external-library.js
- Chatbot project: https://supersimple.dev/projects/chatbot
- HTML CSS Full course: https://youtu.be/G3e-cpL7ofc
- JavaScript Full course: https://youtu.be/EerdGm-ehJQ
- Product images for the exercises:
https://supersimple.dev/images/cotton-socks.png
https://supersimple.dev/images/tennis-balls.png
https://supersimple.dev/images/plain-t-shirt.png
- Chatbot external library: https://unpkg.com/supersimpledev/chatbot.js
- HTML CSS Full course: https://youtu.be/G3e-cpL7ofc
Install the latest version of NodeJS:
https://github.com/SuperSimpleDev/installation-instructions/blob/main/nodejs.md
Note: this course works with NodeJS version 20 or higher.
To check your version of NodeJS, run the command node -v
in your command line.
If the version is lower than 20, you'll need to re-install a higher version of NodeJS.
Here's the version of create-vite we're going to use to set up React:
6.2.0
Here's the full command to set up React:
Note: If you used npx create-vite 6.2.0
or higher, you have the correct version of
React and you can skip this step.
- Open
package.json
inside thechatbot-project
folder. - Look for the
dependencies
section.
"dependencies": {
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
-
If your version of
react
andreact-dom
starts with19
or higher, you have the correct version of React. You don't need to update React. -
If your version starts with
18
, run this command to update React:
npm install react@19 react-dom@19 @types/react@19 @types/react-dom@19
Click here to get the correct version of npx-vite
to use.
Click here for instructions on installing Git.
Click here to download the starting code.
Here's the version of react-router we use:
7.1.5
Here's the full command to install react-router:
npm install [email protected]