Skip to content
A boilerplate for setting up your react project in seconds with hot module reload, webpack, jest, eslint, prettier and husky support.
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.eslintrc.js
.gitignore
.prettierrc.js
LICENSE
README.md
babel.config.js
fileTransformer.js
jest.config.js
package.json
webpack.config.js
yarn.lock

README.md

React Boilerplate

A boilerplate for setting up your react project in seconds with hot module reload, webpack, jest, eslint, prettier and husky support.

react-boilerplate

Getting Started

git clone https://github.com/halitogunc/react-boilerplate.git my-react-app
cd my-react-app
yarn install  #install dependencies
yarn start    #start dev server

Then open http://localhost:3000/ to see your app.

You will be using yarn start most of the time while developing, but also you can find other useful commands below.

yarn <script> Description
start Start the app in dev mode
start:profiling Start the app in dev mode along with BundleAnalyzerPlugin report
build Build the app in production mode
build:profiling Build the app in production mode along with BundleAnalyzerPlugin report
test Run tests
test:coverage Runs tests, collect and report coverage information
lint Check all js,jsx files whether they match given coding style
lint:fix Check all js,jsx files whether they match given coding style. If error is auto-fixable, try to fix it.
precommit Run linters on git staged files

Why did you create it ?

create-react-app covers most of the needs for react apps without configuring any tools like Webpack and Babel. But for the projects that I started/joined, I had to adjust these configuration tools according to project needs in small/big size. So I created a boilerplate that contains the basics I need in every project to avoid wasting my time.

You can’t perform that action at this time.