Burst is the perfect template for react web applications.
Typescript, webpack, react, redux are the basis of most SPA applications, and here they are already fully and conveniently configured. Simple and flexible react architecture with customized routing. Also Redux is configured with DDD approach, which makes it possible to generate boilerplate code in a couple of steps.
Ready to use, just waiting for you!
Burst can be installed in all possible ways, and can also be downloaded via npm.
npx create-react-app <your_project_name> --template burst
- Simple, flexible, extensible architecture
- Custom modular Webpack
- Configured custom ESlint
- Docker ready
- Lightweight bundle
- Code generating
Burst is easy to use and all it needs is installed node_modules
.
Also you can create .env.development
and .env.production
for better control you environment by example from .env.example
.
If you do not create any .env.**
, Burst use .env.example
by default.
❗️ NPM v6.0.0 or later
❗️ Node v14.0.0 of later
npm start /* calls webpack devserver */
npm run build /* generate lightweight bundle */
npm run gen /* file generation CLI */
npm run analyze /* web bundle analysis */
npm run serve /* web bundle analysis */
npm run clean /* delete node_modules */
📍 Auto formatting code with ESLint
You may need to add code below to your settings.json
in VSCode
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
},
"eslint.format.enable": true,
npm run build /* generate lightweight bundle */
docker build -t [dokerId]/[imageName] . /* create docker image based on build */
docker push [dokerId]/[imageName] /* push docker image to dockerHub */