The README generated by Create React App (CRA) was moved to README-CRA.md
Click here.
- Basics: React + Bulma + Axios
- Replace cumbersome Moment.js with Day.js
- Get rid of
../../../
by link-module-alias - Auto polyfill for old browsers, powered by Polyfill.io
$ git clone https://github.com/kenberkeley/horse-racing-odds.git
$ cd horse-racing-odds/
# Install dependencies
$ npm i
# Run!
$ npm start
Then open http:https://localhost:3000
For the whole project structure, please turn to Folder Structure (CRA Doc).
Only src/
will be elaborated below.
# Trivial folders/files had been omitted
src/
βββ components/ # global level components
βββ pages/
β βββ index/
β β βββ comps/ # page level components
β β βββ index.js
βββ types/ # centralized proptypes (https://bit.ly/2G3V6Ou)
βββ utils/
βββ App.js
βββ index.js
Reference:
- Folder-by-type or Folder-by-feature (Stack Exchange)
- How to better organize your React applications? (Medium)
# Compile for production
$ npm run build
# Publish to Github Pages
$ npm run deploy
Check out Deployment (CRA Doc) for more information.
- Testings (Unit & E2E)