01. A Beginners Guide to React Introduction

MHF Notes

Switch to egghead branch

Copy-paste the command from start into the terminal

Open localhost:3000

Change World to Worlds

See it auto-update in the browser upon save

(If you have VSCode autosave enabled, move the cursor to the next line to get it to autosave. Then check for the auto-update in your browser.)

No requirements needed when taking this course.
Recommend that you watch all of these videos through once without touching the keyboard. Just take notes. Then watch them a second time and follow along and change/break the code and review the bits that you need.
Download or clone the source code: Course Repo and ⚠️ switch to the egghead branch.
- download zip when in the branch
- via CLI: git clone -b egghead https://github.com/kentcdodds/beginners-guide-to-react.git
VSCode is the recommend editor.
- When VSCode is active, you can open its interal terminal CLI by Menu:View/Terminal.
Copy and paste the start script in a terminal window to locally serve all the files. Access the files in localhost:3000.
- npx browser-sync start --server --files "./*.html" --no-open --no-notify --directory
- npx comes bundled with Node.js
- browsersync automatically reloads any changes made to the code.
- More info on browsersync
Recommended setup:

- code editor opened
- browsersync running
- developer tools opened