Professional React app generator. Shipped with an exposed, unopinionated, highly-performant config

Last update: Jul 22, 2022

ALRIGHT REACT APP

Professional React app generator. Shipped with an exposed, unopinionated, highly-performant config. Jest-SWC, Storybook, SWC, Typescript, Webpack 5.

alright-react-app-in-terminal

GETTING STARTED

In your terminal, type:

npx alright-react-app

The npx command is available if npm is globally installed on your computer. Alright Create App will ask you to enter an app name. Then, you only 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 app is created, type:

cd my-app && yarn install

COMMANDS

START: yarn dev

BUILD: yarn build

STORYBOOK: yarn storybook

TEST: yarn test

CREDITS

DoneDeal0

GitHub

https://github.com/DoneDeal0/alright-react-app
You might also like...

Solana-base-app - Solana-base-app is for Solana beginners to get them up and running fast

Solana-base-app - Solana-base-app is for Solana beginners to get them up and running fast

solana-base-app solana-base-app is for Solana beginners to get them up and runni

Jun 29, 2022

React Navigation for React js that tries to ensure that the elements of the navigators display correctly on devices with notches and UI elements which may overlap the app content.

React Navigation for React js that tries to ensure that the elements of the navigators display correctly on devices with notches and UI elements which may overlap the app content.

React Navigation for React js that tries to ensure that the elements of the navigators display correctly on devices with notches (e.g. iPhone X) and UI elements which may overlap the app content.

Dec 7, 2021

A drum machine built with React using the Create React App toolchain.

drum-machine A simple drum machine built with React using the Create React App toolchain. Getting Started Clone or download the repository. Open a com

Dec 30, 2021

React-Login-app - Create a Login and Registration Page with React Router

React-Login-app - Create a Login and Registration Page with React Router

About In this repo I was given a Task to create a Login and Registration page wh

Dec 31, 2021

Aviasales React-Redux-MobX- - A quick start Redux + TypeScript Create React App template

A quick start Redux + TypeScript Create React App template An opinionated quick

Mar 14, 2022

React Arts is a library of react functional component which provides canvas sketch board in the app.

React Arts is a library of react functional component which provides canvas sketch board in the app.

🎨 React Arts React Arts is a library of react functional component which provides canvas sketch board in the app. This library contains two react com

Jun 4, 2022

Display PDFs in your React app as easily as if they were images.

Display PDFs in your React app as easily as if they were images.

React-PDF Display PDFs in your React app as easily as if they were images. Lost? This package is used to display existing PDFs. If you wish to create

Aug 1, 2022

Just a simple react iota prototype to send messages to the tangle through a web app

Just a simple react iota prototype to send messages to the tangle through a web app

REACT IOTA This is a test project of mine to get familiar with the iota.js library. The WebApp is build with react and let you send messages to the ta

Jun 10, 2021

This is my Portfolio built with React. The app shows information about me, my projects, resume.

This is my Portfolio built with React. The app shows information about me, my projects, resume.

Elyor Doniyorov Built With React.js Live demo Netlify Live link Getting Started To get a local copy run the following steps: Copy this link https://gi

Jan 21, 2022
Comments
  • 1. Upgrade path for new versions

    Is there an upgrade plan for alright-react-app? As far as I can see I'am stuck with the settings and optimizations done up to the moment I create the project with it, there's currently no mechanism to keep up to date besides doing manual work of diffing the configs and package.json between versions. Are there plans to address this or is it not a concern of the project?

    Reviewed by l3szcz at 2022-04-20 15:17
An ESLint Shareable Config for Typescript React Base Style with Prettier

eslint-config-react-base An ESLint Shareable Config for Typescript React Base Style with Prettier. Features ESLint: ✅ TypeScript ✅ React: ✅ Prettier:

May 24, 2022
Tangle is a super simple, performant, event driven state library for React.
Tangle is a super simple, performant, event driven state library for React.

Tangle is a super simple, performant, event driven state library for React.

Oct 13, 2021
Simple generator of React code from Figma
Simple generator of React code from Figma

Simple generator of React code from Figma

Aug 6, 2022
A boiler code generator for electron with react or vue with taildwindcss in both JavaScript & TypeScript
A boiler code generator for electron with react or vue with taildwindcss in both JavaScript & TypeScript

A boiler code generator for electron with react or vue with taildwindcss in both JavaScript & TypeScript

Jul 27, 2022
Recurrence rules generator form built with React
Recurrence rules generator form built with React

React RRule Generator Recurrence rules generator form built with React This project is no longer maintained by me. Thank you for all your past contrib

Jul 23, 2022
Password Generator using Genetic Algorithm

Password Generator using Genetic Algorithm

Nov 15, 2021
WYSIWG paper wallet generator
WYSIWG paper wallet generator

Hello Wallet Try it. Have you ever wanted to make a paper wallet but they all look like this? Using the latest graphic design technology it is possibl

Jul 29, 2022
Github-profile-readme-maker - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way
Github-profile-readme-maker - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way

GPRM : GitHub Profile ReadMe Maker Features We got everything that you need ! Cr

Jul 30, 2022
Insomnia-react-app - A react app that will help you relax and sleep better
Insomnia-react-app - A react app that will help you relax and sleep better

insomnia - a sleep inducer app An app that will help you relax and sleep better.

May 30, 2022
Reactivated.app is an open-source app that scans your JS dependencies every 4 hours and generates cool dashboards
Reactivated.app is an open-source app that scans your JS dependencies every 4 hours and generates cool dashboards

Reactivated.app is an open-source app that scans your JS dependencies every 4 hours and generates cool dashboards

Jul 20, 2022