在React生態圈打滾的一年feat TypeScript(iT邦幫忙鐵人賽系列書)
活動訊息
來金石堂，總有一本書懂你！雙11更好買，25家銀行信用卡分期0利率！
內容簡介
一本記載了關於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可以在開發中發揮什麼幫助或解決什麼問題。
目錄
|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
配送方式
-
台灣
- 國內宅配：本島、離島
-
到店取貨：
不限金額免運費
-
海外
- 國際快遞：全球
-
港澳店取：
詳細資料
詳細資料
-
- 語言
- 中文繁體
- 裝訂
- 紙本平裝
-
- ISBN
- 9789864345335
- 分級
- 普通級
-
- 頁數
- 352
- 商品規格
- 23*17*2.5
-
- 出版地
- 台灣
- 適讀年齡
- 全齡適讀
-
- 注音
- 級別
訂購/退換貨須知
加入金石堂 LINE 官方帳號『完成綁定』，隨時掌握出貨動態：
提醒您！！
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機，請不要聽從指示，以免受騙上當！
退換貨須知：
**提醒您，鑑賞期不等於試用期，退回商品須為全新狀態**
-
依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」，以下商品購買後，除商品本身有瑕疵外，將不提供7天的猶豫期：
- 易於腐敗、保存期限較短或解約時即將逾期。（如：生鮮食品）
- 依消費者要求所為之客製化給付。（客製化商品）
- 報紙、期刊或雜誌。（含MOOK、外文雜誌）
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。（如：電子書、電子雜誌、下載版軟體、虛擬商品…等）
- 已拆封之個人衛生用品。（如：內衣褲、刮鬍刀、除毛刀…等）
- 若非上列種類商品，均享有到貨7天的猶豫期（含例假日）。
- 辦理退換貨時，商品（組合商品恕無法接受單獨退貨）必須是您收到商品時的原始狀態（包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等），請勿直接使用原廠包裝寄送，或於原廠包裝上黏貼紙張或書寫文字。
- 退回商品若無法回復原狀，將請您負擔回復原狀所需費用，嚴重時將影響您的退貨權益。
商品評價