DEV Community

Cover image for React headstart for busy people
Guido Vizoso
Guido Vizoso

Posted on • Updated on

React headstart for busy people

Hi reader! If you're building the same React initial config over and over this may help.

Motivation

It started as a way to simplify my development process but I figured out it's time to publish and document what I do so... Here we are!

Content

This boilerplate has what I consider the minimun structure for any react application: Wepack, Babel, React, Styled Components and ESlint.
Github repo: https://github.com/guidovizoso/react-boilerplate

Variables

  • Default project > master branch
  • SASS project > sass branch
  • PostCSS project > postcss branch

How to use it

Installing:

git clone https://github.com/guidovizoso/react-boilerplate.git
npm install
Enter fullscreen mode Exit fullscreen mode

Commands:

npm run dev /* Runs webpack dev server and live reloading */
npm run start /* Runs webpack in production mode with optimizations */
Enter fullscreen mode Exit fullscreen mode

Done!

Webpack dev server running

Issues

If you're using this boilerplate and encounter any issue, please let me know!
https://github.com/guidovizoso/react-boilerplate/isues

Edit

I've just added SASS and PostCSS support!

Discussion (0)