React Boilerplate

React ❤️styled component ❤️Jest ❤️webpack ❤️ JavaScript Standard Style ❤️stylelint

Motivation

First of all: I love create-react-app. It's a fantastic tool, especially if you use it the way it's intended.

In my case I like to work with styled component and Standard. This is of course also possible with CRA via detours (e.g. react-app-rewired), but CRA loses something of its advantage and concept.

I want to understand what happens under the hood, understand what webpack does. I want to learn, try out, be flexible.

Usage

↗️ Click the green "Use this template" button in the top right corner.

Alternative way:

$ mkdir boilerplate && cd boilerplate
$ curl -fsSL https://github.com/marco-streng/react-boilerplate/archive/master.tar.gz | tar -xz --strip-components 1

Commands

You can run the following built-in commands via npm run [command] or yarn [command]:

• dev - Runs the app in development mode on port 8080.
• build - Builds the app for production to the build folder.
• lint - Runs lint:js and lint:styles in parallel.
• lint:js - Lint the JavaScript code.
• lint:styles - Lint the styling.
• test - Runs the tests.

Resources

• https://reactjs.org/
• https://www.styled-components.com/
• https://jestjs.io/
• https://webpack.js.org/
• https://standardjs.com/
• https://stylelint.io/

License

Copyright (c) 2021-present Marco Streng. See LICENSE for details.