chibeepatag/react-beginners-bootcamp

Repo for the live react beginners' bootcamp

React Bootcamp

Welcome apprentice warrior!

TOC

• Prerequisites
• Setup
• Verify
• Contributing
• License

Prerequisites

Signup for

• github
• bithound
• heroku
• travis CI

Install on your machine

• git
• latest chrome
• chrome react devtools extension
• redux devtools extension
• node
• npm
• yarn
• sublime
• sublime package control
• sublime packages: babel stylefmt eslint stylelint gitgutter jsonlint synced side bar flow
  NOTE: you can use any code editor / IDE you wish, as long as it has eslint, stylelint, and flow working

Setup

• fork the repo (and star it for good karma)
• open terminal and run ...

$ git clone git@github.com:YOUR_GITHUB_USERNAME/react-beginners-bootcamp.git
$ cd react-beginners-bootcamp
$ yarn
$ yarn start # starts express server on port 8000
# on another terminal
$ yarn:wds # starts webpack-dev-server on port 7000

Verify

checkout the verify branch: $ git checkout branch verify-setup

development

• open chrome at http://localhost:8000
• make sure you see the lovely welcoming message :)
• go to src/client/index.jsx
• change something inside the <h1> tag
• make sure browser refreshes with the changes WITHOUT you doing anything
• delete line 18 //flow-disable-next-line and make sure you see a warning in your editor. Undo the delete.
• delete line 20 // eslint-disable-next-line global-require and make sure you see a warning in your editor. Undo the delete.

production

• run $ yarn prod:build && yarn prod:start in terminal
• open chrome at http://localhost:8001
• make sure you see the (still lovely) production message
• go to src/client/index.jsx and change something inside the <h1> tag
• make sure the browser does NOT refresh with the changes

Contributing

issues, features requests, and PRs are always always welcomed! :)

License

Code for this bootcamp is available under the GPL v3 license