ALRIGHT REACT APP

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

GETTING STARTED

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'.

COMMANDS

DEV: yarn|npm run dev

BUILD: yarn|npm run build

STORYBOOK: yarn|npm run storybook

TEST: yarn|npm run test

STORYBOOK

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

CREDITS

DoneDeal0

SUPPORT

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

CONTRIBUTING

Pull requests are welcome!