DEV Community

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

Posted on • Edited on

5 2

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!

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More