在 React 生態圈打滾的一年 feat.TypeScript（iT邦幫忙鐵人賽系列書）
黃冠霖（神Q超人） 著
- 出版商: 博碩 iThome鐵人賽系列書｜任選2書75折
- 出版日期: 2020-11-11
- 定價: $550
- 售價: 7.8 折 $429
- 語言: 繁體中文
- 頁數: 352
- ISBN: 9864345338
- ISBN-13: 9789864345335
-
相關分類:
React
立即出貨(限量) (庫存=7)
買這商品的人也買了...
-
0 陷阱！0 誤解！8 天重新認識 JavaScript！（iT邦幫忙鐵人賽系列書）$550$467 -
Webpack：卓效 Web 前端開發建置工具強能技術 (舊名: JS 高手昇華之路：Webpack 是唯一的捷徑)$580$493 -
Docker 專業養成 ─ 活用基礎與實踐技能 (暢銷回饋版)$450$351 -
TypeScript 程式設計 (Programming TypeScript)$580$458 -
$351React 實戰 (React in Action) -
讓 TypeScript 成為你全端開發的 ACE！（iT邦幫忙鐵人賽系列書）$650$507 -
金魚都能懂的 CSS 選取器：金魚都能懂了你還怕學不會嗎（iT邦幫忙鐵人賽系列書）$560$436 -
原來跨平台開發可以這麼簡單：React Native 全攻略 (附範例光碟)$580$522 -
從 Hooks 開始，讓你的網頁 React 起來（iT邦幫忙鐵人賽系列書）$680$530 -
和艦長一起 30 天玩轉 GitLab（iT邦幫忙鐵人賽系列書）$500$390 -
使用 Laravel 8 PHP 主流框架打造 RESTful API（iT邦幫忙鐵人賽系列書）$550$429 -
IoT 沒那麼難！新手用 JavaScript 入門做自己的玩具！（iT邦幫忙鐵人賽系列書）$520$405 -
突破困境：資安開源工具應用（iT邦幫忙鐵人賽系列書）$550$467 -
極速開發 Java 大型系統：Spring Boot 又輕又快又好學$880$695 -
JavaScript 無所不在 (JavaScript Everywhere: Building Cross-Platform Applications with Graphql, React, React Native, and Electron)$580$458 -
Kent Beck 的測試驅動開發：案例導向的逐步解決之道 (Test-Driven Development: By Example)(TDD)$560$436 -
重新認識 Vue.js：008天絕對看不完的 Vue.js 3 指南$600$468 -
前端三十：從 HTML 到瀏覽器渲染的前端開發者必備心法（iT邦幫忙鐵人賽系列書）$550$429 -
矽谷工程師教你 Kubernetes：史上最全 CI/CD 中文應用指南（iT邦幫忙鐵人賽系列書）$600$510 -
JavaScript 概念三明治：基礎觀念、語法原理一次帶走！（iT邦幫忙鐵人賽系列書）$600$510 -
React 學習手冊, 2/e (Learning React: Modern Patterns for Developing React Apps, 2/e)$580$458 -
React 思考模式: 從 hook 入門到開發實戰 (特價書)$500$350 -
從 0 到 Webpack 學習 Modern Web 專案的建置方式（iT邦幫忙鐵人賽系列書）$620$483 -
TypeScript 邁向專家之路：零基礎 JavaScript 打通 Angular、React 與 Vue.js 前端框架實戰 (Essential TypeScript: From Beginner to Pro)$880$695 -
從 Hooks 開始，讓你的網頁 React 起來 (第二版)（iT邦幫忙鐵人賽系列書）$720$561
iThome鐵人賽系列書｜任選2書75折 詳見活動內容 »
-
78折
LINE Bot Side Project 實戰 : 從設計思考到部署與產品變現的 16堂關鍵必修課（iThome鐵人賽系列書）$660$514 -
78折
Claude 工作術：從 Chat、Projects、Skills 到 Cowork 與 Claude Code 的 AI 自動化之路（iThome鐵人賽系列書）$690$538 -
78折
專案管理胃痛圖鑑：從臨床診斷到重症急救，31 帖 PM 生存處方藥到病除！（iThome鐵人賽系列書）$680$530 -
78折
Unity × 設計 × 互動邏輯的遊戲開發全攻略：不會寫程式也能做遊戲，從零開始完成你的第一款 3D遊戲（iThome鐵人賽系列書）$660$514 -
78折
範例驅動的需求澄清術：如何用精準範例指揮 GenAI 建構高品質軟體（iThome鐵人賽系列書）$680$530 -
78折
作業系統的專武：DevSecOps 在客戶端、廠商端與資安的實戰維運攻略（iThome鐵人賽系列書）$620$483 -
78折
Node.js 生成式 AI 應用開發實戰：實作 OpenAI API × LangChain × LangGraph × RAG，打造從雲端到本地 LLM 的混合式安全架構（iThome鐵人賽系列書）$680$530 -
78折
Vibe Unity | AI 遊戲開發工作流：打破極限，創造一款具有無限可能性的遊戲！（iThome鐵人賽系列書）$680$530 -
78折
一生受用的求職方法：量化求職—海外求職、頂尖外商與遠距求職必備攻略（iThome鐵人賽系列書）$690$538 -
78折
零基礎玩轉 LLM 應用全攻略：Python × No-Code 實作 AI 開發超簡單（iThome鐵人賽系列書）$690$538 -
78折
我阿嬤都比你會測試：從生活智慧建立測試思維，到自動化與 AI 的完整進化（iThome鐵人賽系列書）$620$483 -
78折
UI 自動化測試與 AI 應用實戰：實作 Robot Framework × Playwright × Appium 從 Web、App 到 CI/CD 流程整合全方位攻略（iThome鐵人賽系列書）$650$507 -
78折
AI 時代的 Side Project 全攻略：產品思維 × 專案管理 × 變現路徑（iThome鐵人賽系列書）$690$538 -
78折
程式人的第一本 Python 量化投資筆記：Colab 即時演練 × Backtrader 策略設計到績效評估全流程（iThome鐵人賽系列書）$600$468 -
78折
今晚來點 Web 前端效能優化大補帖：從效能優化掌握前端開發的底層邏輯 全彩版（iThome鐵人賽系列書）$720$561 -
78折
Grafana Zero to Hero：從視覺化到智慧監控，打造全知視角的可觀測性平台（iThome鐵人賽系列書）$720$561 -
78折
猴子也能懂的電腦對局：從入門到實戰帶你打造遊戲 AI（iThome鐵人賽系列書）$650$507 -
78折
AI 最強調整術：使用最佳化演算法，打造頂級機器學習模型 (iThome鐵人賽系列書)$650$507 -
78折
為你寫的 Vue Components：從原子到系統，一步步用設計思維打造面面俱到的元件實戰力 (iThome鐵人賽系列書)$780$608 -
78折
AI 程式設計、深度學習與 LLM 入門到精通：PyTorch × GPT × Transformer × LLaMA 實作指南（iThome鐵人賽系列書）$650$507 -
78折
30天整頓職場！從徵才陷阱到離職黑箱，應對話術 × 舉證對策 × 職場防線一書掌握（iThome鐵人賽系列書）$600$468 -
78折
LangGraph 實戰開發 AI Agent 全攻略：掌握 AI 模型 × 工作流程 × 設計應用，從零打造智慧分工多代理協作系統（iThome鐵人賽系列書)$660$514 -
78折
Browser Web API 攻略大全：從開箱即用的實作範例開始，逐步掌握開發技巧（iThome鐵人賽系列書）$650$507 -
78折
想要 SSR? 快使用 Nuxt 吧!：Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化（iThome鐵人賽系列書）$780$608 -
78折
RAG × LangChain 整合應用：從問診機器人開始，打造可信任的 AI 系統 (iThome鐵人賽系列書)$600$468
商品描述
一本記載了關於React開發生態圈的技術書籍
不只說明應該下載哪些工具以及如何使用，更要你了解為何需要它
◎清楚表達每個步驟或重點程式碼背後的意義
◎從無到有開發，只需一台電腦就能一同探索React生態圈
◎精選兩個實戰範例，不論是開發網站或發布元件到npm，皆一網打盡
本書內容改編自第11屆IT邦幫忙鐵人賽的ModernWeb組佳作網路系列文章《在React生態圈內打滾的一年feat.TypeScript》，有別於以往只告訴你用create-react-app快速建立React專案的教學，從最基本的Webpack、Babel配置開始，告訴你該如何依照需求建立適合自己的React專案，避免初學者陷入「知其然卻不知所以然」的情況。
除了基本的React專案之外，也介紹了如何為嘔心瀝血打造的元件撰寫單元測試，以及如何在React專案中導入TypeScript等技巧，讓你在開發上更無往不利。
【四大重點】
◎從頭開始了解React生態圈，明白工具為何存在
本書的一大重點是「先釐清問題後解決」，因為不論是ReactRouter、Redux、單元測試或TypeScript，每個工具的出現都有它的意義。在使用這些工具之前，必須先清楚知道它們幫助了你什麼，才能解決正確的問題。
◎從Reactv16入門，直接以最新的Hooks開發
本書直接從Hooks學習React的元件開發，同時也考慮到React生態圈內其他套件對於Hooks的支援，除了展示套件的基本用法之外，也介紹了Hooks的寫法，讓你不會迷失在快速進化的前端技術之中。
◎從「前端」角度介紹「單元測試」，替你的程式碼上道防護網
「思考單元測試的意義以及測試的方法」是本書的精華內容之一，本書從原生的JavaScript到React元件，介紹了各種情境以及測試案例的寫法，不斷帶出「究竟什麼樣的測試案例才是有價值的」，讓「單元測試」這個技能不再像是謎一般的存在。
◎介紹如何導入TypeScript並運用，提升前端開發的守備範圍
近年來逐漸火熱的TypeScript，是由微軟所研發出來的新語言，本書將說明如何一步步將TypeScript導入至React專案，更重要的是釐清TypeScript可以在開發中發揮什麼幫助或解決什麼問題。
作者簡介
黃冠霖（神Q超人）
擁有三年的前端開發經驗的工程師，熱愛鑽研與Web相關的前端技術。
認為知識是自由的，對技術擁有強烈的求知心，平時會在網路上撰寫技術文章，也和朋友們一同建立StarBugs技術週刊。曾經在Mopcon2019擔任講者，主講關於前端的單元測試，以及兩次受邀於六角學院分享前端開發的相關主題。
在第11屆IT邦幫忙鐵人賽中，以《在React生態圈內打滾的一年feat.TypeScript》作為網路系列文章，獲得ModernWeb組佳作。
目錄大綱
|CHAPTER 00| 開發React專案的事前準備
0.1 事前準備
0.2 世界最大的套件庫npm
|CHAPTER 01| 從無到有建立React的開發環境
1.1 為什麼需要了解開發環境？
1.2 建立React專案最簡單的方法─create-react-app
1.3 用Webpack打包你的心血結晶
1.4 ES6不支援？JSX瀏覽器看不懂？靠Babel編譯吧！
1.5 善用SCSS讓CSS寫法更上一層樓
1.6 加上webpack-dev-server提高開發速度
|CHAPTER 02| 從Hooks開始的React新生活
2.1 打開通往React世界的大門
2.2 關於JSX一口氣全說完
2.3 用useState管理元件的State
2.4 掌管元件一切作用的useEffect
2.5 從React.memo、useMemo和useCallback優化效能
2.6 製作一個自己的Hooks掌管共用邏輯
|CHAPTER 03| 用Router來控制元件的呈現
3.1 為什麼需要Router以及什麼是SPA（Single-Page Application）？
3.2 Router的基本用法
3.3 透過URL傳遞參數給元件─match
3.4 使用Hooks讓控制Router寫法更簡潔
|CHAPTER 04| 用Redux管理更龐大的State
4.1 Redux的基本介紹
4.2 Redux的資料架構及狀態管理篇
4.3 Redux的事件觸發篇
4.4 用Hooks取代connect麻煩的寫法
4.5 製作一個logger來了解Middleware
4.6 用Redux Thunk來處理非同步事件
|CHAPTER 05| 為程式碼做單元測試
5.1 單元測試基本介紹
5.2 Jest的基本用法
5.3 善用Mock取代真實環境
5.4 導入@testing-library/react測試元件
5.5 測試使用了Redux的元件
5.6 如何對Router使用單元測試
5.7 為你的自定義Hooks做測試
|CHAPTER 06| 為React專案導入TypeScript
6.1 TypeScript是什麼？能吃？
6.2 把TypeScript放進React專案裡
6.3 在React中使用TypeScript的那些事
|CHAPTER 07| 實際演練─雖然很俗氣，但還是從待辦事項開始
7.1 待辦事項
7.2 在GitHub上讓你的作品發光發熱
|CHAPTER 08| 實際演練─製作一個可重用的元件發布到npm上
8.1 可重用的程式碼
8.2 將可重用的元件發布到npm
