├── app
├── vendors
│ └── .gitkeep
├── assets
│ ├── scss
│ │ └── main.scss
│ └── images
│ │ └── react_logo_512x512.png
├── index.html
├── config
│ └── Root.js
├── components
│ └── App.js
└── main.js
├── config
└── jest
│ ├── shim.js
│ └── assetsTransformer.js
├── .babelrc
├── .github
└── ISSUE_TEMPLATE.md
├── .travis.yml
├── tests
└── components
│ └── App.test.js
├── .eslintrc
├── LICENSE
├── .gitignore
├── README.md
├── package.json
├── webpack.production.config.js
└── webpack.config.js
/app/vendors/.gitkeep:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/app/assets/scss/main.scss:
--------------------------------------------------------------------------------
1 | $color: #262828;
2 |
3 | body {
4 | color: $color;
5 | }
--------------------------------------------------------------------------------
/app/assets/images/react_logo_512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/KleoPetroff/react-webpack-boilerplate/HEAD/app/assets/images/react_logo_512x512.png
--------------------------------------------------------------------------------
/config/jest/shim.js:
--------------------------------------------------------------------------------
1 | // A solution for React 16 complaining of missing rAF.
2 |
3 | global.requestAnimationFrame = function(callback) {
4 | setTimeout(callback, 0);
5 | };
6 |
--------------------------------------------------------------------------------
/config/jest/assetsTransformer.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 |
3 | module.exports = {
4 | process(src, filename, config, options) {
5 | return 'module.exports = ' + JSON.stringify(path.basename(filename)) + ';';
6 | },
7 | };
8 |
--------------------------------------------------------------------------------
/app/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ReactJS Boilerplate
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | "@babel/preset-react",
4 | [ "@babel/preset-env", {
5 | "targets": {
6 | "browsers": "> 2%"
7 | }
8 | }]
9 | ],
10 |
11 | "plugins": [
12 | "react-hot-loader/babel"
13 | ]
14 | }
15 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | ## The problem
2 |
3 | Briefly describe the issue you are experiencing (or the change you are proposing). Tell what you are trying to do and what happened instead.
4 |
5 | ## Details
6 |
7 | Describe in more detail the problem you have been experiencing, if necessary. If you are proposing a change, describe the intensions and gains of your propose.
8 |
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | sudo: false
2 | language: node_js
3 | cache:
4 | directories:
5 | - node_modules
6 | branches:
7 | only:
8 | - master
9 | - /^greenkeeper/.*$/
10 | notifications:
11 | email: false
12 | node_js:
13 | - "node"
14 | - "lts/*"
15 | before_install:
16 | - npm i -g npm
17 | before_script:
18 | - npm prune
19 | script:
20 | - npm run test
21 | install: npm install
--------------------------------------------------------------------------------
/app/config/Root.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
3 | import App from '../components/App';
4 |
5 | const Root = () => {
6 | return (
7 |
8 |
9 |
10 |
11 |
12 | );
13 | };
14 |
15 | export default Root;
16 |
17 |
--------------------------------------------------------------------------------
/app/components/App.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import img from '../assets/images/react_logo_512x512.png';
3 |
4 | const App = () => {
5 | return (
6 |
7 |
Hello ReactJS
8 |
16 |