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: about 13 hours 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 (about 3 years ago)
• Last Synced: 2023-03-21T03:26:12.486Z (over 1 year 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`.