DEV Community

loading...
Cover image for React headstart for busy people

React headstart for busy people

Guido Vizoso
Front end dev. Javascript enthusiast.
Updated on ・1 min read

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)