ok2ju / modern-react-boilerplate

:collision::tada: Modern react+redux boilerplate :scream::smiling_imp::scream_cat:

Modern React boilerplate

Toolset

• webpack with webpack-dev-server, html-webpack-plugin
• Babel with babel-preset-env, babel-preset-react, object spread, class properties
• ESLint
• Jest + Enzyme
• React-router v3

Prerequisites

You should have node and yarn installed on your machine:

• Node
• Yarn: to install run npm install --global yarn

Getting Started

1. Clone this repo

$ git clone https://github.com/ok2ju/modern-react-boilerplate.git && cd modern-react-boilerplate

2. Install project dependencies

$ yarn install

3. Run app (in dev mode) using following command:

$ yarn dev

4. Visit http://localhost:8080

Available scripts

• yarn dev - run app in dev mode
• yarn build - build production-ready app
• yarn lint - lint(validate) source code
• yarn test - run tests

Varieties

This repository has two branches:

• develop - basic react application boilerplate with minimum configuration
• package/postcss - basic boilerplate with styles (postcss, css modules)
• package/flowtyped-react - react boilerplate with flow - static type checker

Note: currently this branches have different dependencies versions. 😓 I will fix it later. For example develop branch has react-router v3 but package/flowtyped-react - react-router v4

modern-react-boilerplate's Issues

Add more packages

Enhance basic boilerplate:

• branch with styles handling using postcss;
• brach with inline styles;
• branch with internationalization.
• branch with redux-saga integration (high priority)

ESlint doesn't work via CLI

Command yarn lint actually doesn't lint source code. But webpack validate code correctly using eslint-loader.

Upgrade babili

Consider options:

• Update babili to latest version;
• Switch to uglifyjs-webpack-plugin.