Opinionated React starter boilerpate + authentication, with using Redux, React Router Dom, Redux Thunk, Axios and more.
In order to use this setup you need to have installed the following dependencies:
- Node - min v8.15.0
- NPM - min v5.6.0 or
- Yarn - min v1.3.2
- Bash terminal (Default on OSX/Linux, GitBash or similar on Windows)
You can download this setup directly and extract it.
Then navigate to the react-redux-boilerplate
folder and proceed with the rest of the instructions.
yarn
# or
npm i
yarn start
# or
npm start
yarn build
# or
npm run build
-
Folder structure:
assets/
- all fonts, images, videos, etc.components/
- stateless components.helpers/
- helpers and utility functionsroutes/
- all routespages/
- all pagesstore/
- reducer, actions, operations, selectors, types, store, root reducers and local storage
-
Latest EcmaScript support
- Usage of the latest features in EcmaScript
- Using Babel to transpile to ES5
- Minification of the bundled file
- Source maps
-
Webpack aliases: Checkout the aliases property in the
webpack.config.js
file. -
Choose your style: Freedom to plug in any styling of your choice.
-
Lint your files: ESLint and Stylelint included
-
Tests using Jest. The Test environment has been configured so you don't have to
-
Offline first - using Offline Plugin to cache important files and assets
-
PWA ready - Install as a native app on Android and iOS
-
Report Web Vitals - Send any of results to an analytics endpoint to measure and track real user performance on your site.
-
Code splitting and lazy loading
This setup uses Browserslist to target browsers.
The default list of supported browsers is listed in the package.json
file:
{
"browserslist": ["> 0.2%", "last version"]
}
This means that supported browsers vary based on current usage data and current browser versions.
In general, this setup supports the two most recent versions of all browsers.
MIT