r2-starter-kit
r2-starter-kit copied to clipboard
R^2 Starter Kit is a boilerplate for web development built on top of React, Redux, Redux Saga and Webpack 4.
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.

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 |