React.js+TypeScript前端應用開發實踐
向治洪
- 出版商: 清華大學
- 出版日期: 2026-04-01
- 售價: $414
- 語言: 簡體中文
- 頁數: 329
- ISBN: 7302714320
- ISBN-13: 9787302714323
-
相關分類:
React、TypeScript
下單後立即進貨 (約4週~6週)
相關主題
商品描述
"本書定位為React前端開發入門與實戰,是一本前端零基礎到React項目實戰能力提升的技術進階類圖書。基礎部分主要介紹的是前端開發的基礎知識和React框架開發的基礎知識,如前端基礎、TypeScript語言基礎、React開發環境搭建和基礎組件等知識。進階部分主要介紹React框架的基礎知識和生態組成,如事件監聽處理、動畫、導航與路由、網絡請求、應用狀態管理以及常見的UI框架等內容。實戰部分則主要介紹的是React的工程化構建、項目實戰和項目打包上架,此部分內容是對React基礎知識的綜合運用和總結。 本書以實戰為主,理論和實踐相結合,通過大量代碼的演示和講解,在基礎知識點講解中穿插了大量的實例,最後通過兩個商業級實戰項目結尾。通過閱讀本書,讀者將會收獲到React項目開發的各項基礎技能,從而快速上手React商業項目的開發。作為一本入門到實戰類型的書籍,本書既可作為前端開發初學者的入門書籍,也可作為前端技術人員的知識補充以及作為培訓機構和大中專院校的教學用書。"
作者簡介
"向治洪,前端開發專家,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本章小結







