https://github.com/taylorpzreal/awesome-react
Front-end with React@^16.13.0
https://github.com/taylorpzreal/awesome-react
babel commitlint css-modules enzyme esdoc eslint fonts jest lint-staged prettier react react-dom react-redux react-router-v4 redux scss webpack
Last synced: 3 days ago
JSON representation
Front-end with React@^16.13.0
- Host: GitHub
- URL: https://github.com/taylorpzreal/awesome-react
- Owner: TaylorPzreal
- License: mit
- Created: 2017-12-25T09:04:38.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T21:55:17.000Z (about 3 years ago)
- Last Synced: 2024-05-22T21:04:27.226Z (over 1 year ago)
- Topics: babel, commitlint, css-modules, enzyme, esdoc, eslint, fonts, jest, lint-staged, prettier, react, react-dom, react-redux, react-router-v4, redux, scss, webpack
- Language: JavaScript
- Homepage:
- Size: 8.23 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# awesome-react
Front-end with React@^16.13.0
[](https://coveralls.io/github/TaylorPzreal/awesome-react?branch=master)
[](https://circleci.com/gh/TaylorPzreal/awesome-react)
> Recommend you use cli to create project [create-awesome-react](https://github.com/TaylorPzreal/create-awesome-react)
## Installation And Usage
```bash
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:
```bash
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](https://github.com/airbnb/javascript/tree/master/react)
## Problems
- [x] Fonts can't load # Make webpack css-loader module: false, [More about css-modules](https://github.com/css-modules/css-modules)
- [x] Jest test conf # Make ReactDom to ReactDOM, word error.
- [x] react-router@^4 # [More about dynamic-import](https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/guides/code-splitting.md)
## More info
- [ESDoc](./docs/esdoc.md)
- [postcss](./docs/postcss.md)
- [6 pro tips for React](./docs/best-practice.md)
## MIT License
Copyright (c) 2017-2020 TaylorPzreal