https://github.com/hannasdev/webpack4-react-starter
Starter pack for Webpack 4, React, Styleguidist, Styled Components and Jest
https://github.com/hannasdev/webpack4-react-starter
Last synced: 10 months ago
JSON representation
Starter pack for Webpack 4, React, Styleguidist, Styled Components and Jest
- Host: GitHub
- URL: https://github.com/hannasdev/webpack4-react-starter
- Owner: hannasdev
- Created: 2018-10-25T11:13:46.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-10-25T14:25:43.000Z (over 7 years ago)
- Last Synced: 2025-07-31T16:42:39.759Z (11 months ago)
- Language: JavaScript
- Size: 187 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Webpack React Starter
This is a starter app configured with the following:
- Webpack 4
- Babel 7
- React (16.8)
- Styleguidist
- ESlint
- Jest (enzyme)
## Webpack 4
Configuration in `webpack.config.js`.
## Babel 7
Configuration in `.babelrc`.
Setup with presets: `["@babel/preset-env", "@babel/preset-react"]`.
And plugins: `["babel-plugin-styled-components", { "fileName": false }], ["react-hot-loader/babel"]`.
## React
Current version 16.8. Routing, Redux and similar are not implemented, so you can pick your own favorites. If you want to use them, checkout the branch `redux and router`.
## Styleguidist
Configuration in `styleguide.config.js`.
Builds an style guide from your components using markdown. To start, run `npm run styleguide` and it will be available at `localhost:6060`.
Documents are in `/doc` and each component gets its own `componentname.md` to load automatically into the styleguide.
## ESlint
Configuration in `.eslintrc`.
Rules default to `["eslint:recommended", "plugin:react/recommended"]`.
## Jest (enzyme)
Test configuration file in `/tests/setupTests.js` and Jest configuration in `jest.config.js`.
Jest is set up to use Enzyme and serializes automatically for snapshots using `'enzyme-to-json/serializer'`.