/react-workshop

A step-by-step workshop for learning React fundamentals.

Primary LanguageJavaScriptMIT LicenseMIT

React Fundamentals Workshop by Ben Ilegbodu

A step-by-step workshop for learning React fundamentals.

To run completed app

Assuming you have a version of node installed, install nvm and then close & reopen your terminal.

Install the latest stable version of node:

nvm install node

Fork this react-workshop repo and create a local clone (be sure to replace YOUR-USERNAME with your own):

git clone https://github.com/YOUR-USERNAME/react-workshop.git

Change to final directory:

cd react-workshop/final

Install all of the dependencies:

npm install

Start API server (running at http://localhost:9090/):

npm run start:api

In a separate console window/tab, start the web server:

npm run start:server

Once the initial bundle is built, visit http://localhost:8080/.

Exercises

Each step in the workshop builds on top of the previous one. You can begin at the Start. Afterwards follow these steps:

  1. Add core components
  2. Environment setup
  3. Fetching from server
  4. Long polling
  5. Email View
  6. Email Form
  7. Submit email form
  8. Optimistic updating
  9. Delete email
  10. Mark unread/read
  11. Styling
  12. Email Form Modal
  13. API lib
  14. Action-Reducers