SPA-FROM-SCRATCH

This is a guideline to build an modern SPA project using React framework step by step.

We use following framework and packages:

• UI Framework - React
• Package Management - Yarn
• Formatter - Eslint, Prettier
• Compiler - Babel
• Bundler - Webpack
• Style - Styled Components
• Router - Reach Router
• Flux - Mobx
• Test - Jest

Usage

1. clone repo git clone git@github.com:gaoljie/spa-from-scratch.git <PROJECT-NAME>
2. install package cd <PROJECT-NAME> && yarn install
3. run project yarn start
4. build project yarn build

Table of Contents

01 - Init

02 - Format

03 - Bundler

04 - React

05 - Style

06 - Router

07 - Mobx

08 - Test

09 - Monitor

10 - Deploy