React App Boilerplate

Redlight Software

What

This is a fork of create-react-app.

It includes a number of tools in rls-react-scripts ready to use. From this branch we create a React-Redux and a React-Redux-GraphQL boilerplates branches.

How

install dependencies (package.json)

npm install -g create-react-app or yarn global add create-react-app

create-react-app test-app --scripts-version rls-react-scripts

run

npm start or yarn start

test

npm test or yarn test

Tools

eslint

A react-script lint command was added and you can run it with:

npm run lint or yarn lint

dotenv

You can add keys to the ".env" file, and the name should follow this pattern:

REACT_APP_[key]=[value]

SASS

This boilerplate already includes a sass loader

CSS Modules

This project uses CSS Modules.

What are CSS Modules?

According to the repo, CSS modules are:

CSS files in which all class names and animation names are scoped locally by default.

You can read more about CSS Modules here -> Part 1, Part 2 and Part 3.

CI

There's a Wercker pre-configured to automatically test your code using eslint and jest. Don't forget to setup Wercker on your repo and account.

---

This project was bootstrapped with Create React App.