awesome-react

Front-end with React@^16.13.0

Recommend you use cli to create project create-awesome-react

Installation And Usage

git clone git@github.com:TaylorPzreal/awesome-react.git

cd awesome-react
yarn install

yarn start # start a dev server
yarn start-browser # start a dev server and open default browser
yarn build # build for production
yarn build-analyse # build and generate a stats.json
yarn dll # generate DllPlugin
yarn test # run test
yarn lint # run lint jsx
yarn format # format code: .jsx?, .md, .s?css
yarn server # test build folder, here is dist folder.

You could config vim as default editor for git commit, just do:

git config --global core.editor "vim"

Features

• npm init & gitignore
• File structure
• commitlint
• eslint
• format(prettier)
• webpack
• Test
• Router
• Common http request and interceptor
• webpack dll
• precommit format

Code styles

• React/JSX Style Guide

Problems

• Fonts can't load # Make webpack css-loader module: false, More about css-modules
• Jest test conf # Make ReactDom to ReactDOM, word error.
• react-router@^4 # More about dynamic-import

More info

• ESDoc
• postcss
• 6 pro tips for React

MIT License

Copyright (c) 2017-2020 TaylorPzreal