a62275218/react-scaffold

init project

1. yarn create react-app react-scaffold --template typescript

css

1. css module to use scoped css, create css file ending with .module.scss
2. using sass yarn add node-sass
3. global scss variable and mixins yarn add sass-resources-loader
4. css normalize https://github.com/csstools using @import-normalize in index.scss override it by modifying reset.scss
5. post css plugins yarn add postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano

environment variables

1. use custom environment variables starting with REACT_APP_ in .env.xxxxx file
2. public url path: PUBLIC_URL
3. yarn start: .env.development yarn build:test: .env.predeploy yarn build: .env.production

router

1. yarn add @types/react-router-dom

alias

1. @: src/*

polyfill

1. yarn add react-app-polyfill