React.js+TypeScript前端應用開發實踐

"向治洪，前端開發專家，10余年軟硬件開發經驗，多年互聯網大廠實戰經驗，著有《React Native移動開發實戰》、《Kotlin入門與實戰》、《Weex跨平臺開發與實戰》、《Flutter跨平臺開發入門與實戰》、《Android應用開發詳解》、《Vue.js 3.x+TypeScript前端應用開發實踐》和《鴻蒙HarmonyOS應用開發實戰》等；在CSDN、掘金社區、知乎、騰訊雲等技術社區擁有二十多萬粉絲，千萬的訪問量；"

目錄

第1章前端基礎

1.1前端技術簡介

1.2HTML

1.2.1HTML簡介

1.2.2HTML編輯器

1.2.3HTML標簽

1.3CSS

1.3.1CSS簡介

1.3.2CSS選擇器

1.3.3CSS樣式入門

1.4JavaScript

1.4.1JavaScript簡介

1.4.2JavaScript基礎語法

1.4.3JavaScript缺陷

1.5SPA與MPA

第2章TypeScript基礎

2.1TypeScript初體驗

2.1.1TypeScript簡介

2.1.2安裝TypeScript

2.1.3TypeScript示例

2.1.4TypeScript代碼調試

2.2TypeScript基礎語法

2.2.1變量

2.2.2函數

2.2.3模塊

2.2.4命令空間

2.3類

2.4接口

2.5泛型

2.6疊代器和生成器

2.6.1疊代器

2.6.2生成器

2.7編譯選項

2.8習題

第3章React快速入門

3.1React簡介

3.2虛擬DOM

3.3JSX語法基礎

3.3.1JSX簡介

3.3.2嵌入表達式

3.3.3綁定屬性

3.3.4綁定事件

3.3.5條件渲染

3.4開發工具

3.5項目示例

3.5.1安裝Node.js

3.5.2創建React項目

3.5.3項目結構

3.5.4運行項目

3.5.5項目調試

3.6React Hook

3.6.1Hook簡介

3.6.2useState

3.6.3useEffect

3.6.4useRef

3.6.5useContext

3.6.6useReducer

3.6.7自定義Hook

3.7習題

第4章React組件基礎

4.1React組件

4.1.1組件簡介

4.1.2類組件

4.1.3函數組件

4.1.4組件state

4.1.5組件props

4.2組件生命周期

4.2.1類組件生命周期

4.2.2函數組件生命周期

4.3組件通信

4.3.1父子組件通信

4.3.2兄弟組件通信

4.3.3跨級組件通信

4.4高階組件

4.4.1高階組件簡介

4.4.2基本用法

4.4.3應用場景

4.5React Portals

4.5.1Portals簡介

4.5.2Portals冒泡事件

4.5.3註意事項

4.6Fragment組件

4.6.1Fragment簡介

4.6.2使用場景

4.7習題

第5章事件監聽與處理

5.1事件基礎

5.1.1事件監聽

5.1.2事件類型

5.1.3事件傳播

5.1.4事件委托

5.2事件副作用

5.3事件機制

5.3.1事件機制概述

5.3.2插件註冊

5.3.3事件註冊

5.3.4事件分發

5.3.5事件派發

5.4自定義事件

5.5習題

第6章React動畫

6.1動畫簡介

6.1.1動畫發展史

6.1.2動畫收益

6.1.3動畫的挑戰

6.1.4動畫的未來

6.2動畫基礎

6.2.1幀和幀率

6.2.2關鍵幀

6.2.3插值器

6.3CSS動畫

6.3.1CSS動畫簡介

6.3.2創建CSS動畫

6.3.3CSS過渡動畫

6.3.4CSS關鍵幀動畫

6.3.5註意事項

6.4JavaScript動畫

6.4.1JavaScript動畫簡介

6.4.2requestAnimationFrame動畫

6.4.3動畫監聽

6.5SVG動畫

6.5.1SVG動畫簡介

6.5.2基本使用

6.6WAAPI動畫

6.6.1WAAPI簡介

6.6.2WAAPI核心概念

6.6.3基本使用

6.6.4操作動畫

6.7習題

第7章路由導航與管理

7.1React Router

7.1.1路由簡介

7.1.2安裝React Router

7.1.3快速上手

7.1.4404頁面

7.2路由導航

7.2.1Link

7.2.2NavLink

7.2.3redirect

7.2.4useNavigate

7.3路由配置

7.3.1配置路由

7.3.2嵌套路由

7.3.3布局路由

7.3.4索引路由

7.3.5路由片段

7.4路由傳參

7.4.1路由參數

7.4.2查詢參數

7.4.3狀態參數

7.5路由鉤子

7.5.1useRoutes

7.5.2useActionData

7.5.3useNavigation

7.6習題

第8章網絡請求

8.1網絡基礎

8.1.1HTTP協議

8.1.2GET與POST請求

8.2XMLHttpRequest

8.3Fetch

8.3.1Fetch簡介

8.3.2基本使用

8.3.3Headers接口

8.3.4Request接口

8.3.5Response接口

8.4Axios

8.4.1Axios簡介

8.4.2基本使用

8.4.3請求配置

8.4.4響應結構

8.4.5攔截器

8.4.6取消請求

8.5Alova

8.5.1Alova簡介

8.5.2基本使用

8.5.3適配器

8.5.4攔截器

8.5.5緩存策略

8.5.6請求策略

8.6習題

第9章狀態管理

9.1狀態管理簡介

9.2原生狀態管理

9.3Redux

9.3.1Redux簡介

9.3.2核心概念

9.3.3基本使用

9.3.4動態參數

9.3.5異步邏輯

9.3.6集成Redux DevTools

9.4MobX

9.4.1MobX簡介

9.4.2核心概念

9.4.3基本使用

9.4.4集成MobX DevTools

9.5習題

第10章Ant Design

10.1Ant Design簡介

10.1.1UI框架簡介

10.1.2Ant Design入門

10.1.3Ant Design生態

10.2通用組件

10.2.1Button組件

10.2.2Icon組件

10.2.3Flex組件

10.2.4Layout組件

10.3導航組件

10.3.1Menu組件

10.3.2Tabs組件

10.3.3Dropdown組件

10.4數據組件

10.4.1List組件

10.4.2Table組件

10.4.3Skeleton組件

10.4.4Tour組件

10.5習題

第11章Vite工程化構建

11.1Vite簡介

11.1.1Vite誕生背景

11.1.2Vite特性

11.2快速上手

11.2.1環境搭建

11.2.2項目結構

11.2.3配置文件

11.3Vite核心概念

11.3.1基本概念

11.3.2Vite構建過程

11.3.3Esbuild預構建

11.3.4Rollup打包

11.4Vite插件開發

11.4.1插件開發簡介

11.4.2通用API

11.4.3獨有API

11.4.4插件開發

11.5靜態資源處理

11.5.1圖片加載

11.5.2JSON加載

11.5.3Web Worker

11.5.4WebAssembly

11.6習題

第12章實戰大眾點評客戶端

12.1項目簡介

12.2項目搭建

12.2.1初始化項目

12.2.2數據請求

12.2.3路由管理

12.3首頁模塊

12.3.1分類導航

12.3.2點評頭條

12.3.3猜你喜歡

12.4搜索模塊

12.4.1搜索導航欄

12.4.2推薦搜索詞

12.4.3搜索結果

12.4.4搜索結果篩選

12.5團購詳情

12.6用戶模塊

12.6.1賬號登錄

12.6.2用戶訂單

12.6.3訂單詳情

12.7本章小結

第13章實戰嚴選電商網站

13.1項目背景

13.2Egg服務器開發

13.2.1Egg簡介

13.2.2Egg快速上手

13.2.3安裝MySQL

13.2.4路由

13.2.5控制器

13.2.6服務

13.2.7中間件

13.2.8綜合示例

13.3項目搭建

13.3.1創建項目

13.3.2引入SCSS

13.3.3引入TransitionGroup動畫

13.3.4集成Redux

13.3.5JWT登錄

13.4搭建主頁面

13.4.1導航欄

13.4.2輪播圖

13.4.3人氣推薦

13.4.4消息通知

13.5商品詳情頁

13.5.1商品詳情

13.5.2商品評價

13.5.3加入購物車

13.6購物車

13.6.1購物車列表

13.6.2購物車操作

13.6.3商品結算

13.7訂單管理

13.8本章小結

第14章性能優化

14.1性能優化簡介

14.2Chrome DevTools工具

14.2.1Lighthouse

14.2.2Performance

14.2.3Chrome DevTools 協議

14.3構建工具優化

14.3.1網絡優化

14.3.2資源壓縮

14.3.3資源加載優化

14.3.4預渲染優化

14.4性能監控

14.4.1性能監控簡介

14.4.2性能監控自動化

14.5本章小結

第15章版本構建與部署

15.1概述

15.2版本構建

15.2.1修改默認配置

15.2.2構建生產版本

15.3版本部署

15.3.1Nginx部署

15.3.2容器化部署

15.4本章小結