5.4.4 • Published 3 years ago
starter-react-flux v5.4.4
Starter React Flux
Starter-React-Flux generates a well-configured project of React and Flux PWA.
- TypeScript and JavaScript are supported.
- npm and yarn are supported.
Quick start
mkdir my-app && cd my-app
npx starter-react-flux init // JavaScript and npm
npx starter-react-flux init --ts // TypeScript
npx starter-react-flux init --yarn // yarn
npm start
Installed packages
- React
- TypeScript (Optional)
- Flux
- Jest
- Babel v7
- Webpack v5
- ESLint v7
- Prettier
- Workbox
- React-Router v5
- Material-UI v4
- axios
- Immutable.js
Usage of generated project
Launch the application
npm start // Launch the app with webpack-dev-server.
Top page
Production build with Webpack
npm run build // Build the app into the ./public directory.
This command also analyzes the bundle file using Webpack Bundle Analyzer and generates reports.
Testing with Jest
npm test // Testing with Jest.
npm run update_test // Update snapshots for snapshot testing.
Static analysis with ESLint
npm run lint // Run static analysis by ESLint.
Automatic code format with Prettier
npm run fix // Run Prettier to fix code by lint rules.
Directory structure of the generated app
.
├── .babelrc //Configuration for Babel
├── .eslintrc //Configuration for ESLint
├── __tests__ //Test files for JEST
├── app
│ ├── App.(js|tsx) //Entry point to build
│ ├── actions //Action Creators of Flux
│ ├── components //React Components
│ ├── constants //Constatns for Action Creators and Stores of Flux
│ ├── dispatcher //Dispatcher of Flux
│ ├── stores //ReduceStore of Flux
│ ├── utils //Utils
│ ├── html //HTML template for PWA
│ ├── icon //Icon source for PWA
│ ├── sw.js //ServiceWorker template for PWA
│ └── utils //Utils
├── node_modules
├── package.json
├── public //`npm run build` command generates the assets
│ ├── css //CSS files
│ ├── img //Image files
│ ├── favicon.ico //Favicon
│ ├── bundle.js //Built js by Webpack
│ ├── manifest.*.json //Generated Web App Manifest
│ ├── precache-manifest.*.js //Generated Precache Manifest for Workbox
│ ├── icon_*.png //Generated icons from the source icon
│ ├── sw.js //Generated ServiceWorker from the template
│ └── index.html //Generated index.html from the template
├── analysis //Reports of bundle analysis
│ ├── bundle-analyzer.html
│ └── bundle-size analyzer.log
│── webpack.common.js //Configuration for Webpack
│── webpack.prod.js //Production configuration for Webpack
│── webpack.dev.js //Development configuration for Webpack
└── tsconfig.json //TypeScript configuration (only for TypeScript project)
License
- MIT License
5.4.4
3 years ago
5.4.2
3 years ago
5.4.1
3 years ago
5.4.0
4 years ago
5.3.1
4 years ago
5.3.0
4 years ago
5.2.0
4 years ago
5.1.0
4 years ago
5.0.1
5 years ago
5.0.0
5 years ago
4.0.5
5 years ago
4.0.4
5 years ago
4.0.3
5 years ago
4.0.2
5 years ago
4.0.1
5 years ago
4.0.0
5 years ago
3.6.0
5 years ago
3.5.0
6 years ago
3.3.0
6 years ago
3.2.1
6 years ago
3.2.0
6 years ago
3.1.0
6 years ago
3.0.0
6 years ago
2.1.0
6 years ago
2.0.0
6 years ago
1.7.0
6 years ago
1.6.0
6 years ago
1.5.0
6 years ago
1.4.0
6 years ago
1.3.1
7 years ago
1.3.0
7 years ago
1.2.6
8 years ago
1.2.5
8 years ago
1.2.4
8 years ago
1.2.3
8 years ago
1.2.2
8 years ago
1.2.1
8 years ago
1.2.0
8 years ago
1.1.8
8 years ago
1.1.7
8 years ago
1.1.6
8 years ago
1.1.5
8 years ago
1.1.4
8 years ago
1.1.3
8 years ago
1.1.2
8 years ago
1.1.1
8 years ago
1.1.0
8 years ago
1.0.4
8 years ago
1.0.3
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago