Arziburst React App

Welcome to Arziburst React App.

Arziburst React App works on Windows, Linux, macOS.
If something doesn’t work, please file an issue.
If you have some enhancements, please file an pull request.

Quick Overview

INITIALIZING COMMANDS

Also you can create .development.env and .production.env by example from .env.example.

npm start

To run project in dev mode

npm run build

To create bundle

npm run serve

To serve bundle

npm run analyze

To analyze bundle with webpack-bundle-analyzer

npm run gen

To generate some template file

Features

πŸ” Code generating
πŸ” Font minification
πŸ” Image lossless minification
πŸ” Auto generated manifest
πŸ” Bundle file stats analytics

Technologies

βœ… Webpack v5.60.0
βœ… Typescript v4.4.4
βœ… React v17.0.2
βœ… Redux v4.1.1
βœ… Styled-components v5.3.1
βœ… ESLint v7.18.0

Requirements

❗️ NPM v6.0.0 or later
❗️ Node v14.0.0 of later
❗️ Font types ttf eot woff woff2

⚠️ If you will use another tools you may catch unexpected errors

Additions

πŸ“ Auto formatting code with ESLint

You may need to correct settings.json in VS Code

"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
},
"eslint.format.enable": true,

πŸ“ Extention for VS Code Better Comments (id: aaron-bond.better-comments)

Best comments names:

image