React (and Next.js)

💡

This page mostly contains React snippet and CLI that I usually use. Sometimes, I also put some notes regarding React as a reminder.

Official Docs

Site NameDescription
React Docs BetaBeta version of newest React Docs
Official React DocsOfficial React Docs
Create React AppCreate React App Docs
React ViteReact using Vite as build tool
Next.js DocsOfficial Next JS Docs
React TS CheatsheetReact TS Cheatsheet
Awesome ReactA collection of awesome things regarding React ecosystem
Bulletprof ReactA simple, scalable, and powerful architecture for building production ready React applications.

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

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

Next.js

npx create-next-app <app_name>
# or
yarn create next-app <app_name>
# TS
npx create-next-app@latest --typescript
# or
yarn create next-app --typescript

Video Resources

Next.js in 100secondsReact in 100 seconds
React Hooks ExplanationsReact Typescript