買這商品的人也買了...
-
無瑕的程式碼-敏捷軟體開發技巧守則 + 番外篇-專業程式設計師的生存之道 (雙書合購)$940$700 -
演算法圖鑑:26種演算法 + 7種資料結構,人工智慧、數據分析、邏輯思考的原理和應用 step by step 全圖解$450$356 -
為你自己學 Git$500$390 -
無瑕的程式碼-整潔的軟體設計與架構篇 (Clean Architecture: A Craftsman's Guide to Software Structure and Design)$580$452 -
$354React 設計模式與最佳實踐 -
領域驅動設計:軟體核心複雜度的解決方法 (Domain-Driven Design: Tackling Complexity in the Heart of Software)$680$530 -
Working Effectively with Legacy Code : 管理、修改、重構遺留程式碼的藝術 (中文版)$720$562 -
$352React 實戰 (React in Action) -
讓 TypeScript 成為你全端開發的 ACE!(iT邦幫忙鐵人賽系列書)$650$507 -
網頁應用程式設計|使用 Node 和 Express, 2/e (Web Development with Node and Express, 2/e)$580$458 -
金魚都能懂的 CSS 選取器:金魚都能懂了你還怕學不會嗎(iT邦幫忙鐵人賽系列書)$560$437 -
從 Hooks 開始,讓你的網頁 React 起來(iT邦幫忙鐵人賽系列書)$680$530 -
在 React 生態圈打滾的一年 feat.TypeScript(iT邦幫忙鐵人賽系列書)$550$429 -
$862React 全家桶 : 前端開發與實例詳解 (Fullstack React: The Complete Guide to ReactJS and Friends) -
軟體架構原理|工程方法 (Fundamentals of Software Architecture: A Comprehensive Guide to Patterns, Characteristics, and Best Practices)$680$537 -
頂級網站技術長高度:前端工程進階大師指南$880$695 -
React 學習手冊, 2/e (Learning React: Modern Patterns for Developing React Apps, 2/e)$580$458 -
打通 RxJS 任督二脈:從菜雞前進老鳥必學的關鍵知識(iT邦幫忙鐵人賽系列書)$620$484 -
跟著 Docker 隊長,修練 22天就精通 - 搭配 20小時作者線上教學,無縫接軌 Microservices、Cloud-native、Serverless、DevOps 開發架構$880$695 -
設計重構:25個管理技術債的技巧消除軟體設計臭味 (Refactoring for Software Design Smells: Managing Technical Debt)$520$406 -
你所不知道的必學前端 Debug 技巧:即學即用!讓你 Debug 不求人 (iT邦幫忙鐵人賽系列書)$620$484 -
TypeScript 邁向專家之路:零基礎 JavaScript 打通 Angular、React 與 Vue.js 前端框架實戰 (Essential TypeScript: From Beginner to Pro)$880$695 -
打造高速網站從網站指標開始:全方位提升使用者體驗與流量的關鍵$600$468 -
圖像 Angular 開發入門:打造高靈活度的網頁應用程式 (iT邦幫忙鐵人賽系列書)$600$468 -
從 Hooks 開始,讓你的網頁 React 起來 (第二版)(iT邦幫忙鐵人賽系列書)$720$562
中文年末書展|繁簡參展書2書75折 詳見活動內容 »
-
75折
為你寫的 Vue Components:從原子到系統,一步步用設計思維打造面面俱到的元件實戰力 (iThome 鐵人賽系列書)$780$585 -
75折
BDD in Action, 2/e (中文版)$960$720 -
75折
看不見的戰場:社群、AI 與企業資安危機$750$563 -
79折
AI 精準提問 × 高效應用:DeepSeek、ChatGPT、Claude、Gemini、Copilot 一本搞定$390$308 -
7折
超實用!Word.Excel.PowerPoint 辦公室 Office 365 省時高手必備 50招, 4/e (暢銷回饋版)$420$294 -
75折
裂縫碎光:資安數位生存戰$550$412 -
日本當代最強插畫 2025 : 150位當代最強畫師豪華作品集$640$576 -
79折
Google BI 解決方案:Looker Studio × AI 數據驅動行銷實作,完美整合 Google Analytics 4、Google Ads、ChatGPT、Gemini$630$498 -
79折
超有料 Plus!職場第一實用的 AI 工作術 - 用對 AI 工具、自動化 Agent, 讓生產力全面進化!$599$473 -
75折
從零開始學 Visual C# 2022 程式設計, 4/e (暢銷回饋版)$690$518 -
75折
Windows 11 制霸攻略:圖解 AI 與 Copilot 應用,輕鬆搞懂新手必學的 Windows 技巧$640$480 -
75折
精準駕馭 Word!論文寫作絕非難事 (好評回饋版)$480$360 -
Sam Yang 的插畫藝術:用 Procreate / PS 畫出最強男友視角 x 女孩美好日常$699$629 -
79折
AI 加持!Google Sheets 超級工作流$599$473 -
78折
想要 SSR? 快使用 Nuxt 吧!:Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化(iThome鐵人賽系列書)$780$608 -
78折
超實用!業務.總管.人資的辦公室 WORD 365 省時高手必備 50招 (第二版)$500$390 -
7折
Node-RED + YOLO + ESP32-CAM:AIoT 智慧物聯網與邊緣 AI 專題實戰$680$476 -
79折
「生成式⇄AI」:52 個零程式互動體驗,打造新世代人工智慧素養$599$473 -
7折
Windows APT Warfare:惡意程式前線戰術指南, 3/e$720$504 -
75折
我輩程式人:回顧從 Ada 到 AI 這條程式路,程式人如何改變世界的歷史與未來展望 (We, Programmers: A Chronicle of Coders from Ada to AI)$850$637 -
75折
不用自己寫!用 GitHub Copilot 搞定 LLM 應用開發$600$450 -
79折
Tensorflow 接班王者:Google JAX 深度學習又快又強大 (好評回饋版)$780$616 -
79折
GPT4 會你也會 - 共融機器人的多模態互動式情感分析 (好評回饋版)$700$553 -
79折
技術士技能檢定 電腦軟體應用丙級術科解題教本|Office 2021$460$363 -
75折
Notion 與 Notion AI 全能實戰手冊:生活、學習與職場的智慧策略 (暢銷回饋版)$560$420
相關主題
商品描述
本書是以React hook為核心、入門React.js的指引,適合已有原生Javascript前端開發經驗、初次想要接觸前端框架的讀者。內容分為四個部分,包含:
・解釋前端框架是什麼
・function component的運用和各個React hook的使用方式
・從零打造React專案的範例
・效能處理等進階知識(含class component的使用方式和life-cycle介紹)
改編自作者在第11、12屆IT邦幫忙鐵人賽的文章,本書更帶領讀者探討在開發前端專案中的開發思維,大至如何設計專案結構,小至如何劃分元件。同時詳細說明各個API的出現原因和使用時機,希望讓讀者不只是單純學習使用React,更能理解前端框架的用意,進而具備業界開發React.js專案的能力。
全書共9章,內容如下
■ 第0章 先備知識 – 使用React 需要知道的Javascript
■ 第1章 什麼是「前端框架」?
■ 第2章 認識React 和環境建置
■ 第3章 Hello, React !
■ 第4章 基礎Function Component
■ 第5章 React-Developer-Tools
■ 第6章 Flux 結構 與 React 的狀態管理方案
■ 第7章 前端專案的架構設計
■ 第8章 React 進階 - 效能處理
■ 第9章 React 進階 – 其他的React
本書的目標除了讓初次接觸前端框架的讀者能夠更容易理解React,也介紹了在以React開發專案時,應該具備哪些基礎的「軟體設計」思維。第2~第7章節是講解React API使用方式,第7章後的範例會帶領讀者從0打造React專案,第8章~第9章是講述較進階的React知識。讀者可以根據自己的需求查閱對應的章節。
作者簡介
張家銨
現任Yahoo軟體工程師。專注於網頁前端技術及軟體設計研究,熟悉React.js框架。自2019年開始在IT邦幫忙出沒,致力於以淺白的話語讓技術知識更容易被理解。
目錄大綱
第0章 先備知識 – 使用React 需要知道的Javascript
第1章 什麼是「前端框架」?
第2章 認識React 和環境建置
2.1 React 從class 到function 的歷史
2.2 環境設定
2.3 建立專案與開發流程
第3章 Hello, React !
3.1 第一個React 程式 - Hello world
3.2 解析程式之前 - 談談React Virtual DOM
3.3 解析程式
3.4 JSX
3.5 React 17 之後
第4章 基礎Function Component
4.1 元件化的程式
4.2 props - 以外部參數控制元件
4.3 用useState 創造在內部控制元件的state 變數
4.4 生命週期與useEffect
4.5 React 的輸入元素事件
4.6 非控制組件與useRef / forwardRef
4.7 Custom hook
4.8 React 程式的分頁:react -router-dom
4.9 useContext - 多層component 間的state 管理與傳遞
4.10 Styled-Components: React 的CSS 解決方案
第5章 React-Developer-Tools
第6章 Flux 結構 與 React 的狀態管理方案
6.1 簡介Flux 結構與useReducer
6.2 以useContext 進行狀態管理,淺談Context 效能問題
6.3 Redux, useDispatch 與useSelector
第7章 前端專案的架構設計
7.1 元件的劃分 – 以Atomic design 為例
7.2 淺談React.js 專案結構 – 以React-starter 為例
第8章 React 進階 - 效能處理
8.1 以useMemo 避免不必要的運算
8.2 以React.memo 避免不必要的渲染
8.3 以useCallback 避免函式不必要的重新定義
8.4 以key 避免陣列元件的重複渲染
8.5 用lazy 和Suspense 實現動態載入元件
第9章 React 進階 – 其他的React
9.1 useEffect v.s useLayoutEffect
9.2 封裝forwardRef 的useImperativeHandle
9.3 Custom hook 與useDebugValue
9.4 React 中的傳送門 - createPortal
9.5 總結
