React 思維進化：一次打破常見的觀念誤解，躍升專業前端開發者（iThome鐵人賽系列書）【平裝】 (1版)

類似書籍推薦給您

【簡介】 佳評如潮！熱銷再版（平裝版） ★☆★ 銷售排行榜冠軍 TOP 1 ★☆★ 思想、脈絡與觀念理解是真正的專業技術門檻， 也是鑑別出實力強大或平庸工程師的關鍵區別之一。 　　書籍簡介 　　本書內容改編自第 14 屆 iThome 鐵人賽 Modern Web 組的冠軍系列文章《一次打破 React 常見的學習門檻與觀念誤解》。本書以循序漸進的脈絡帶讀者從頭理解 React 技術的核心觀念、運作原理與設計思維。 　　React 本身的設計基於了許多程式領域的設計模式，而這些設計模式的概念大多都與「還沒有使用前端框架時的程式運作思維與習慣」相去甚遠。因此當你沒有真正理解這些設計模式時，你會覺得 React 的許多設計與行為都很不直覺甚至莫名其妙。並且，如果你不熟悉這些觀念或原理的話，則非常容易在實際開發時寫出有問題但卻不自知的程式碼，為專案的程式碼品質和軟體產品的可靠性埋下巨大的隱患。 　　有別於市面上充斥的各種「教你如何呼叫語法」以及「帶你實戰範例」的 React 學習資源，本書會著重於技術理解的基本功累積，讓你對於 React 的觀念不再一知半解，以避免「跟著寫了很多 React 範例練習卻還是不懂這些程式碼是如何運作的，無法真正掌握這門技術」這種常見的學習瓶頸，帶你朝向真正的專業 React 開發者邁出紮實且關鍵的一大步。 　　目標讀者 　　本書並不是一本關於如何開發 React 專案的手把手實戰教學手冊。相較於大量的案例實作練習，本書會更聚焦於 React 的核心設計思維以及最常被誤解的觀念進行透徹的解析，希望能夠幫助大家一次打破 React 的學習門檻與觀念誤解，成為真正的專業 React 開發者。這本書適合所有「希望將 React 作為專業技術能力」的人學習： 　　❏ 適合有 JavaScript 的基礎，但對 React是完全新手的人。你可以透過本書從零建立相當穩固的 React 核心觀念理解與思維的基本功，對於後續繼續學習其他實戰類型的學習資源也能有更好的基礎進行銜接。 　　❏ 也適合已經在學習 React 中的人。這本書將可以讓你對於許多觀念的理解茅塞頓開，學習成效事半功倍。 　　❏ 也適合對 React 有一定程度的認識或實作經驗，但對於核心觀念與原理還沒深度掌握的人（應該有蠻多人是處於這個階段）。這本書會是你突破瓶頸、邁向資深 React 開發者的關鍵助力。 專業推薦 　　「這本書使 React 初學者能夠打破「只會跟著寫範例但不理解背後原理」的惡性循環，進而成為真正的專業 React 開發者。我強烈推薦這本書給所有希望在未來軟體開發市場中保持競爭力的前端開發者。」——Richard Lee │ 愛料理共同創辦人＆技術長，Google Developer Expert - Firebase 　　「它適合那些在調試 React 應用時遇到困難，或者對 React 的運作原理、組件和 Hooks 的封裝不太明白的開發者。對於那些渴望將自己的技能提升到更高層次的人來說，這絕對是一本必讀書籍。」——Caesar Chi 戚務漢 │ JavaScript Developer Conference Taiwan 主辦群 　　「透過這本書，你會發現 React 不只是一個工具，它更是一門程式藝術，值得我們去探索、去體會。這本書將伴隨你在 React 的旅途中，一步步成長為更優秀的開發者。」——莫力全 Kyle Mo │ Full Stack Web Engineer @Netskope，《今晚來點 Web 前端效能優化大補帖》作者 【目錄】 | 第一篇 暖身準備 | 1-1 React 是什麼 1-2 學好 React 所需要的 JavaScript 基本功 1-3 React 開發環境建置的門檻 1-3-1 安裝 Node.js 1-3-2 Create React App 1-3-3 基於 React 的進階框架 | 第二篇 React 的畫面管理機制 | 2-1 DOM 與 Virtual DOM 2-1-1 DOM 2-1-2 Virtual DOM 2-2 建構畫面的最小單位：React element 2-2-1 什麼是 React element 2-2-2 React element 的子元素 2-2-3 React element 在建立後是不可被修改的 2-2-4 React element 與 DOM element 的屬性對應和差異 2-3 Render React element 2-3-1 React DOM 與 root 2-3-2 React 只會去操作那些真正需要被更新的 DOM element 2-3-3 瀏覽器環境以外的 React 畫面繪製 2-4 JSX 根本就不是在 JavaScript 中寫 HTML 2-4-1 什麼是 JSX 語法 2-4-2 以 Babel 來進行 JSX 語法的轉譯 2-4-3 新版 JSX transformer 與 jsx-runtime 2-5 JSX 的語法規則脈絡與畫面渲染的實用技巧 2-5-1 嚴格標籤閉合 2-5-2 JSX 語法中的資料表達 2-5-3 畫面渲染邏輯 2-5-4 為什麼一段 JSX 語法的第一層只能有一個節點 2-6 單向資料流與一律重繪渲染策略 2-6-1 單向資料流 2-6-2 實現單向資料流的 DOM 渲染策略 2-6-3 React 中的一律重繪渲染策略 2-7 畫面組裝的藍圖：component 初探 2-7-1 什麼是 component 2-7-2 定義 component 2-7-3 呼叫 component 2-7-4 Import 與 export component 2-7-5 Props 2-7-6 父 component 與子 component 2-7-7 Component 的 render 與 re-render 2-7-8 為什麼_component 命名中的首字母必須為大寫 2-8 React 畫面更新的發動機：state 初探 2-8-1 什麼是 state 2-8-2 useState 初探 2-8-3 useState 的範例演示 2-8-4 關於 state 的補充觀念 2-9 React 畫面更新的流程機制：reconciliation 2-9-1 Render phase 與 commit phase 2-9-2 Reconciliation 2-9-3 setState 觸發的 re-render 會連帶觸發子 component 的 re-render | 第三篇 State 資料的管理與維護 | 3-1 如何在子 component 裡觸發更新父 component 的資料 3-1-1 React 並沒有子 component 向上溝通父 component 的專門機制 3-1-2 在子 component 中觸發更新父 component 的 state 資料 3-2 深入理解 batch update 與 updater function 3-2-1 Batch update 3-2-2 Updater function 3-3 維持 React 資料流可靠性的重要關鍵：immutable state 3-3-1 什麼是 mutate 3-3-2 保持 state 的 immutable 3-4 Immutable update 3-4-1 物件資料的 immutable update 方法 3-4-2 陣列資料的 immutable update 方法 3-4-3 巢狀式參考型別的複製誤解 | 第四篇 Component 的生命週期與資料流 | 4-1 Component 的生命週期 4-1-1 Component 的三大生命週期 4-1-2 Function component 沒有提供生命週期 API 4-2 Function component 與 class component 關鍵區別 4-2-1 Class component 的 this.props 在非同步事件中的存取陷阱 4-2-2 Function component 會自動「捕捉」render 時的資料 4-3 每次 render 都有自己的 props、state 與 event handler 函式 4-3-1 每次 render 都有其自己版本的 props 與 state 4-3-2 每次 render 都有其自己版本的 event handler 函式 4-3-3 Immutable 資料使得 closure 函式變得可靠而美好 | 第五篇 Effect 與 hooks | 5-1 React 中的副作用處理：effect 初探 5-1-1 什麼是 effect 5-1-2 React component function 中的副作用 5-1-3 useEffect 初探 5-1-4 每次 render 都有其自己版本的 effect 函式 5-1-5 每次 render 都有其自己版本的 cleanup 函式 5-2 useEffect 其實不是 function component 的生命週期 API 5-2-1 宣告式的同步化，而非生命週期 API 5-2-2 Dependencies 是一種效能優化，而非執行時機的控制 5-3 維護資料流的連動：不要欺騙 hooks 的 dependencies 5-3-1 欺騙 dependencies 會造成什麼問題 5-3-2 讓 effect 函式對於依賴的資料自給自足 5-3-3 函式型別的依賴 5-3-4 以 linter 來輔助填寫 dependencies 5-3-5 Effect dependencies 常見的錯誤用法 5-4 React 18 的 effect 函式在 mount 時為何會執行兩次？ 5-4-1 React 18 的 effect 函式在 mount 時為何會執行兩次？ 5-4-2 Reusable state 5-5 副作用處理的常見情境設計技巧 5-5-1 Fetch 請求伺服器端 API 5-5-2 控制外部套件 5-5-3 監聽或訂閱事件 5-5-4 不應該是副作用處理：使用者的操作所觸發的事情 5-6 useCallback 與 useMemo 的正確使用時機 5-6-1 useCallback 深入解析 5-6-2 useMemo 深入解析 5-7 Hooks 的運作原理與設計思維 5-7-1 Hooks 的資料本體到底存放在何處 5-7-2 為什麼 hooks 的運作是依賴於固定的呼叫順序 5-7-3 Hooks 的誕生是為了解決什麼問題 5-7-4 Hooks API 的設計思維與脈絡

Jira 全方位應用：深入解析 Kanban × 超強外掛，掌握敏捷開發的核心工具 （iThome鐵人賽系列書）【軟精裝】 (1版)

類似書籍推薦給您

內容簡介 想跑好敏捷從 Jira 出發，本書將帶你踏上敏捷之路！ 議題追蹤 × 自動化 × 外掛整合一次搞定 　　本書內容改編自第 14 屆 iThome 鐵人賽 IT管理組的優選系列文章《第一次使用 Jira 就上手》。本書以簡潔精煉的方式，介紹敏捷、Kanban、Scrum 的核心原理，以及 Jira 工具的功能和概念。幫助你了解如何巧妙地利用 Jira 來規劃專案。 　　不論你是否有使用經驗，本書從零開始引導你建立一個完整的 Jira 專案，讓你能夠深入瞭解 Jira 的功能，並有效地應用於專案中。透過本書，你將學到兩種常見的敏捷方法：Kanban 和 Scrum。我們將引導你在Jira 平台上使用各種功能， 協助你建立專案、任務和待辦事項清單，追蹤工作進度，生成關鍵報告和數據，以及執行高效的搜尋。透過這些功能，你將更明白 Kanban 和Scrum 之間的不同之處，並能根據團隊需求，選擇最適合的方法，從而提升決策制定和流程優化的效能。 　　本書內容共分為九個章節，涵蓋了瀑布式開發和敏捷開發的基本知識，並深入探討 Jira 的功能和應用、如何最大程度地發揮 Jira 的自動化特性，以及與其他軟體工具的高效整合。 　　➽ 了解瀑布式開發與敏捷開發的基本知識 　　第一章介紹瀑布式開發和敏捷開發的基本概念，解釋兩者的差異，幫助讀者了解何時該選擇哪種方法，以應對不同的專案需求和挑戰。 　　➽ 深入瞭解 Jira 功能及應用 　　第二章到第七章將聚焦於 Jira，探索 Jira 的各種功能。包括了解 Jira 的費用、版本以及其他 Jira 系列產品的適用場景；註冊免費的帳戶，並了解帳號設定和介面功能；建立專案、分配議題和追蹤以及報告和監控專案的進度。這將有助於讀者充分了解如何使用 Jira 來管理和監督專案。 　　➽ 最大化 Jira 的自動化特性 　　第八章提升效率及整合，透過自動化功能來簡化例行任務。減少手動工作，並提高效率，使團隊成員能夠更專注於創造價值。同時分享如何將 Jira 與其他關鍵軟體工具（如 GitHub 和 Slack）實現高效整合，並透過儀表板建立個人化顯示，快速瀏覽專案資訊。 　　➽ 實踐和應用 　　第九章提供一步一步的建立專案及設置方法，為讀者提供實際應用的指導。希望閱讀本書的讀者，無論是初學者還是有經驗的使用者，都能夠從中獲得深入的知識，並將 Jira 應用在自己的專案管理和團隊協作中，以實現更高效的成果。 本書特色 　　›› 由淺入深：從敏捷基本原理到工具應用 　　›› 數據可視化：數據轉化為報表，洞察專案進展 　　›› 擴展功能：擴展 Jira 功能，滿足團隊需求 　　›› 實戰範例：從零到有，完整示範建立 Jira 專案 　　▍目標讀者 ▍ 　　☑ 正在尋找敏捷專案管理工具的人。 　　☑ 在工作中已使用 Jira，想更熟悉該工具的人。 　　☑ 想要在團隊中引入 Jira 並學習如何使用的團隊領導者。 　　☑ 希望透過 Jira 更有效地管理專案的專案經理。 　　☑ 希望運用 Jira 來優化產品開發流程、提高產品交付效率的產品經理。 　　☑ 對於敏捷專案管理和 Jira 有興趣，想要擴展知識的專業人士。 目錄 CHAPTER｜1｜ 敏捷開發與瀑布式開發 1.1 瀑布式開發 1.2 敏捷式開發 1.2.1 敏捷式開發 1.2.2 敏捷開發宣言 1.2.3 敏捷鐵三角 1.3 總結 CHAPTER｜2｜ Jira 快速導覽 2.1 Jira 介紹 2.1.1 Jira 是什麼 2.1.2 Jira 功能 2.1.3 誰適合用 2.1.4 費用 2.2 註冊 Atlassian 帳號 2.3 建立 Jira Software 2.4 帳號管理 2.4.1 個人設定 2.5 使用者介面設置 2.6 建立專案 2.7 介面介紹 2.8 總結 CHAPTER｜3｜ Scrum 3.1 Scrum 是什麼 3.2 三個角色 3.3 三個產出物 3.4 五個事件 3.5 在 Jira 中使用 3.5.1 建立 Scrum 看板 3.5.2 了解待辦事項 3.5.3 建立衝刺 3.5.4 編輯衝刺 3.5.5 刪除衝刺 3.5.6 開始衝刺 3.5.7 作用中的衝刺 3.5.8 結束衝刺 3.5.9 重啟衝刺 3.5.10 報告 3.6 總結 CHAPTER｜4｜ Kanban 4.1 Kanban 是什麼 4.2 Kanban 四大原則 4.3 Kanban 六大實踐 4.4 在 Jira 使用 Kanban 4.4.1 建立 Kanban 看板 4.4.2 Kanban 顯示設定 4.4.3 報表 4.5 總結 CHAPTER｜5｜ 看板（Board） 5.1 看板是什麼 5.2 新增看板 5.3 看板設定 5.3.1 一般（General） 5.3.2 欄（Column） 5.3.3 泳道（Swimlanes） 5.3.4 快速篩選（Quick Filters） 5.3.5 卡片顏色（Card Color） 5.3.6 卡片版面配置（Card Layout） 5.3.7 工作日（Working Days） 5.4 總結 CHAPTER｜6｜ 議題（Issue） 6.1 議題 6.1.1 議題是什麼 6.1.2 議題介面 6.2 新增、編輯、刪除議題 6.2.1 新增議題 6.2.2 編輯議題 6.2.3 刪除議題 6.3 將議題移動到另一個專案 6.4 議題類型（Issue Type） 6.4.1 議題類型是什麼 6.4.2 議題類型層級 6.5 新增、編輯、刪除議題類型 6.5.1 新增議題類型 6.5.2 編輯議題類型 6.5.3 刪除議題類型 6.6 子任務 6.6.1 什麼是子任務 6.6.2 新增子任務 6.6.3 將子任務轉為議題 6.6.4 將議題轉為子任務 6.7 總結 CHAPTER｜7｜ 篩選（Filter） 7.1 篩選是什麼 7.2 篩選介面 7.2.1 列表 7.2.2 詳細頁面 7.3 新增篩選 7.4 編輯篩選 7.5 訂閱篩選 7.6 刪除篩選 7.7 快速搜尋 7.8 基本搜尋 7.9 JQL 7.9.1 JQL 是什麼 7.9.2 JQL 語法 7.10 總結 CHAPTER｜8｜ 提升專案效率 8.1 自動化 8.1.1 什麼是自動化 8.1.2 新增自動化 8.1.3 啟用或關閉自動化 8.1.4 審核日誌 8.1.5 自動化使用量 8.1.6 子任務與父任務同步完成 8.2 整合應用程式 8.2.1 新增應用程式 8.2.2 刪除應用程式 8.2.3 應用程式 - Github 8.2.4 應用程式 - Slack 8.3 Dashboard 8.3.1 什麼是儀表板 8.3.2 建立儀表板 8.3.3 管理儀表板 8.3.4 刪除儀表板 8.3.5 分享儀表板 8.4 總結 CHAPTER｜9｜ 實作 9.1 建立 Kanban 專案 9.2 加入團隊成員 9.3 應用程式 9.3.1 連結 Github 與 Slack 9.3.2 連結 Miro 9.3.3 連結 Figma 9.4 建立議題 9.5 看板設置 9.5.1 欄設定 9.5.2 卡片顏色設定 9.5.3 設定泳道 9.6 儀表板 9.7 報表 9.7.1 累計流程圖 9.7.2 控制圖 9.8 檢視回顧 9.9 Atlassian 討論平台 9.10 總結