React Js Development 2024

[TOC]

1. Title: React Js Development 2024
2. Review Date: Sun, Jan 21, 2024
3. url:

React JS development (Typescript + Vite + React)

VSC extension

1. ES7 + React
2. NPM support for VS Coe
3. Vite
4. JavaScript and TypeScript

Init

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

curl -fsSL https://deb.nodesource.com/setup_21.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

npm create vite@latest
npm create vite@latest yourapp -- --template react-ts

cd yourapp
npm install
npm install antd react-redux react-router-dom redux sass reset-css # can also add them to package
npm i -D @types/node
npm run dev

• add path hint in tsconfig
• add resolve alias @ in vite.config.ts

Things to remember

• how to import module rather than global import
• think about what you want to show, layout and data
• think about nested route
• think about how to CURD with database