React - Getting Started

create-react-app

npx create-react-app <app_name>
## or
yarn create react-app <app_name>
# typescript
npx create-react-app <app_name> --template typescript
## or
yarn create react-app <app_name> --template typescript

references:

@vitejs/app

npm init @vitejs/app <app_name> --template react
## or
yarn create @vitejs/app <app_name> --template react
# typescript
npm init @vitejs/app <app_name> --template react-ts
## or
yarn create @vitejs/app <app_name> --template react-ts

references:

create-snowpack-app

npx create-snowpack-app <app_name> --template @snowpack/app-template-react-typescript [--use-yarn | --use-pnpm | --no-install]
# or
npx create-snowpack-app <app_name> --template @snowpack/app-template-react

references:

Next.js create-next-app

npx create-next-app <app_name>
# or
yarn create next-app <app_name>

reference: nextjs.org

Gatsby

npm init gatsby
# interactive setup

reference: gatsbyjs.com

Some template to quickly initialize projects and start developing right away:

nextchakra-starter

nextchakra-starter is a template to initialize PWA-ready (disabled by default) Next.js app with Chakra-UI and TypeScript setup.

Instant Deploy Deploy with Vercel Deploy to Netlify

using create-next-app:

npx create-next-app <app_name> --example https://github.com/sozonome/nextchakra-starter
# or
yarn create next-app <app_name> --example https://github.com/sozonome/nextchakra-starter
# or
npx degit sozonome/nextchakra-starter <app_name>

or create a new repository from nextchakra-starter | repository

vite-react-chakra-starter

Instant Deploy Deploy with Vercel Deploy to Netlify

npx degit sozonome/vite-react-chakra-starter <app_name>

or create a new repository from vite-react-chakra-starter | repository

snowpack-react-chakra-starter

Instant Deploy Deploy with Vercel Deploy to Netlify

npx degit sozonome/snowpack-react-chakra-starter <app_name>

or create a new repository from snowpack-react-chakra-starter | repository