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 iyarn start
# or
npm startyarn 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.jsfile. -
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