React boilerplate to start projects

React Boilerplate

This is a Boilerplate project of Create React App based on tutorials by Robin Wieruch, with some personal modifications. Have you ever started a React Project and deleted the React Icon, moved the App component, and made other changes?

The starting point where these tutorials:

React Setup Series

• How to set up a modern JavaScript project
• How to set up a Webpack project
• How to set up Webpack with Babel - How to set up React with Webpack and Babel

Eslint

• How to use ESLint in Webpack
• How to use ESLint in React

Advanced Webpack Setup

• How to set up a Webpack project
• How to set up Webpack with Babel
• How to set up an advanced Webpack application

Additional Tutorials

• How to use CSS Modules in React
• How to use Images with Webpack

Added Features

• Automatic starting of development server via Webpack Plugin OpenBrowserPlugin
• Added SASS support with the canonical SASS release Dart-Sass. Dart-sass is my preference as it has the latest feature set of SASS over Node-sass

Installation

So, when to start a new React project, instead of usign Create-React-App, clone this repository as your starting point:

git clone git@github.com:eclectic-coding/react-boilerplate.git

Then install packages:

yarn
or 
npm install

Start the DEV server using yarn start or npm run dev*. *Using the clone procedure, you may want to delete .git/ and reinitialize git for your own project history.

TODO List

• Add SVG support

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

• Chuck Smith - Initial work - Eclectic-Coding

See also the list of contributors who participated in this project.

Download Details:

Author: eclectic-coding

Source Code: https://github.com/eclectic-coding/react-boilerplate

#reactjs #react #javascript