Professional React app generator. Comes with an exposed, unopinionated, high performance configuration. Jest, SWC, Storybook, Typescript 5, Webpack 5.

In your terminal, type:

npx alright-react-app

The npx command is available if npm is installed globally on your computer. Alright React App will ask you to enter an application name. Then you just have to press enter.

The following folder will be created at the root of your current working directory:

my-app
├── webpack.config.js
├── tsconfig.json
├── README.md
├── package.json
├── jest.swc.config.js
├── custom.d.ts
├── .swcrc
├── .gitignore
├── .eslintrc.js
├── .eslintignore
├── .env
└── src
    ├── index.tsx
    ├── index.html
    ├── app.tsx
    ├── app.test.ts
    └── pages
        └── home
            ├── index.tsx
            ├── home.css
    └── components
        └── error-boundary
            ├── index.tsx
            ├── layout.tsx
        └── title
            ├── index.tsx
            ├── stories.tsx
     └── assets
        └── images
            ├── favicon.png
        └── svg
            ├── logo.svg
└── .storybook
    ├── main.js
    ├── preview.js

Once the application is created, type `cd my-app'.

DEV: yarn|npm run dev

BUILD: yarn|npm run build

STORYBOOK: yarn|npm run storybook

TEST: yarn|npm run test

You must install Storybook globally: npm i -g @storybook/cli to use it.

DoneDeal0

If you or your company is using the Alright React App, please show your support by buying me a coffee: https://www.buymeacoffee.com/donedeal0

Pull requests are welcome!