/r2-starter-kit

R^2 Starter Kit is a boilerplate for web development built on top of React, Redux, Redux Saga and Webpack 4.

Primary LanguageJavaScript

R^2 Starter Kit with TocasUI

R^2 Starter Kit is an boilerplate for web development built on top of React, Redux, Redux Saga and Webpack 4.

Travis Build Status Heroku Coverage Status Maintainability Total alerts Snyk FOSSA Status

demo

Presets And Loaders

  • .babelrc
    • @babel/preset-env
    • @babel/preset-react
    • @babel/plugin-proposal-class-properties
    • @babel/plugin-syntax-dynamic-import
  • webpack.config.js
    • css-loader
    • postcss-loader
      • postcss-preset-env
      • postcss-import
      • cssnano
    • sass-loader
    • file-loader
    • image-webpack-loader
    • svg-inline-loader

Get Started

Clone this repo and install dependencies.

$ git clone https://github.com/tpai/r2-starter-kit.git
$ cd r2-starter-kit
$ yarn

Usage

Run Developing Server

yarn dev

It will start a development server which listen to port 8080.

Build Bundled JS

yarn build

It will distribute the files into dist/ directory, and open bundle analyzation report.

Run E2E test

yarn e2e

It will automatically start dev server and run end to end test.

Code Coverage Report

yarn test:cov

Check out the report at ./coverage/lconv-report/index.html.

CI/CD

Trigger Action
Github Actions Pull Request Unit Test
Travis CI Master Branch Unit Test, Generate Test Coverage
Layer CI Master Branch Deployment
Heroku Master Branch Deployment
Okteto Master Branch Kubernetes Deployment
LGTM Pull Request Code vulnerability check
Snyk -- Packages Vulnerability Check, Autofix PR (e.g. lockfile)
CodeClimate -- Code Maintainability, Coverage Report
Coveralls -- Coverage Report

License

FOSSA Status