@chan_alston/react-generator v1.0.13

React Generator (Webpack + Babel)

A React app generator bundled with Webpack 5 and Babel

Features

• Webpack Hot Module Replacement
• Bundle Optimization
• React Testing Library with Jest for unit testing
• Support for various type of images, fonts
• Transpile code with Babel
• Support css module and scss module
• Minified js and stylesheet
• Integrated BundleAnalyzerPlugin to inspect bundle size
• Remove console.log() on production

Usage

To create a react project, you can run the following command.

npx @chan_alston/react-generator@latest

You will then be prompted to enter your project name and select the package manager you desire.

File Structure

my-app
└── __mocks__
    ├── fileTransformer.js
    ├── identity-obj-proxy-esm.js
    ├── intersectionObserverMock.js
    └── setupTests.js
└── public
    └── font
        └── PoetsenOne.tff
    ├── favicon.ico
    ├── index.html
    ├── react.png
    └── webpack.png
└── src
    ├── index.js
    └── routes
        └── __test__
            └──index.tst.js
        ├── _routes.js
        └── index.js
    └── styles
        ├── global.scss
        └── homepage.module.scss
├── .env.example
├── .eslintignore
├── .eslintrc.json
├── babel.config.js
├── .gitignore
├── jest.config.js
├── package.json
├── postcss.config.js
├── README.md
├── webpack.config.js
├── webpack.dev.js
└── webpack.prod.js