Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/manuelpuchta/react-boilerplate
Minimal boilerplate for React using webpack compiler.
https://github.com/manuelpuchta/react-boilerplate
babel boilerplate react redux styled-components webpack
Last synced: 2 days ago
JSON representation
Minimal boilerplate for React using webpack compiler.
- Host: GitHub
- URL: https://github.com/manuelpuchta/react-boilerplate
- Owner: manuelpuchta
- License: mit
- Created: 2017-05-13T20:40:08.000Z (over 7 years ago)
- Default Branch: main
- Last Pushed: 2021-08-16T20:02:26.000Z (over 3 years ago)
- Last Synced: 2024-11-05T22:04:22.511Z (about 2 months ago)
- Topics: babel, boilerplate, react, redux, styled-components, webpack
- Language: JavaScript
- Homepage:
- Size: 1.66 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-boilerplate
Minimal boilerplate with [React](https://reactjs.org/), [Redux](https://redux.js.org/) and [styled-components](https://www.styled-components.com/) using [webpack](https://webpack.js.org/) compiler.
> You should manage your node versions with [nvm](https://github.com/creationix/nvm) or [n](https://github.com/tj/n)
```sh
# use / install projects node version with nvm
nvm use
# or n
n auto# install all project dependencies one
npm i
```## Development
```sh
# start local development
npm start# run tests (Jest)
npm test
# or run with watch mode
npm run test:watch# create a build
npm build
```## Useful links and notes
- How to structure your React app? Have a look at the React [FAQs](https://reactjs.org/docs/faq-structure.html). I would recommend to structure your app by features: One feature folder that contains styles, JS, tests and assets, if possible. Is it a huge feature? Create a new root folder for that feature.
- Good additional read: [Best practices for building a large scale react application](https://buttercms.com/blog/best-practices-for-building-a-large-scale-react-application)
- Write tests, this boilerplate comes with a basic [Jest](https://jestjs.io/) w/ [Enzyme](https://enzymejs.github.io/enzyme/) setup.
- Make yourself familiar with [React](https://reactjs.org/), [Redux](https://redux.js.org/) and [styled-components](https://www.styled-components.com/) - the live editor examples are really helpful.
- On each commit [`husky`](https://github.com/typicode/husky) runs [eslint](https://eslint.org/) (with configured [prettier](https://prettier.io/) plugin) and tests `npm test`.