JavaScript Web Applications

全新章節教您巧妙運用AI，讓寫程式更有效率！！ 掌握HTML/CSS/JavaScript技巧， 搭配高效前端框架技術，輕鬆成為專業網頁設計師 以淺顯易懂的方式從設計網站開始談起，從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源，再循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，加上書中介紹好用的配色工具，就算沒有美工基礎，藉由Bootstrap工具模組以及配色表，也能快速建構出專業美觀的RWD網站。 本書也安排了Progressive Web Application(PWA)技術，手把手教您逐步將網站優化為Web APP，讓網站能像Native App在手機等行動裝置建立桌面捷徑，瀏覽網頁時具有操作Native App相似的感受。 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 本次改版新增了一個全新的章節「善用ChatGPT寫JavaScript程式」。透過這個章節，讀者可以學習如何應用AI，來協助自己更有效率地撰寫程式。 |適用對象| ✰對前端技術有興趣卻不知從何入門的初學者 ✰前端開發技術相關從業人員 ✰大專院校網站設計相關課程教材 |重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹 Web 前端三大核心技術：HTML、CSS 及 JavaScript。 ✰活用前端框架 Bootstrap 技術以及工具模組，建構 RWD 網站。 ✰使用 Progressive Web Application(PWA)技術，逐步將網站優化為 Web APP。 ✰學習如何聰明使用 ChatGPT 來協助程式開發。 全新章節教您巧妙運用AI，讓寫程式更有效率！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端

JavaScript快速入門與樂趣兼備 《JavaScript程式設計的樂趣》是一本節奏明快又充滿樂趣的程式設計入門指南，帶你用 JavaScript輕鬆踏進程式設計的世界。翻開本書，立刻開始撰寫程式、解決問題，並在短時間內完成可運作的網頁應用與遊戲。 你將從學習變數、陣列、物件、函式、條件判斷、迴圈、類別等基本的程式設計概念開始；在生動的範例和實作練習的幫助下，這些基礎知識將幫助你結合JavaScript、HTML與CSS，建立可以立即執行的互動式網頁應用程式。 接著，你將運用新習得的技能完成三個專案：  一個有虛擬對手的乒乓球模擬遊戲  一個能產生電子音樂的應用程式  一個能從API取得資料並進行視覺化的平台 在這個過程中，你將學到如何： ．透過操作文件物件模型（DOM）來即時更新網頁內容。 ．觸發函式來回應按鍵和滑鼠點擊等事件。 ．使用JavaScript和HTML的Canvas元素產生圖形和動畫。 ．利用D3.js程式庫和可縮放向量圖形（SVG）進行資料視覺化。 ．運用Tone.js和Web Audio API製作電子音樂。 如果你正想一探程式設計，《JavaScript程式設計的樂趣》就是你的魔法工具，帶你快速進入這個奇妙世界，輕鬆寫出真正的程式。別再等了，現在就出發吧！

◖本書特色◗ ♦ 掌握ChatGPT提問技巧，精準引導，獲得符合期望的解答。 ♦ JavaScript多年蟬聯GitHub熱門程式語言排行榜冠軍，學習程式首選技術。 ♦ 涵蓋WEB/APP前端開發三大必學技術：JavaScript(ES6)+HTML5+CSS3。 ♦ 以淺顯易懂的教學與範例，培養程式素養，唯有觀念清楚，才能靈活運用，零基礎也能輕鬆上手。 ♦ 撰寫適合自己的Web應用程式，也能讀懂他人所寫的程式碼，不管是開發、Debug(除錯)或改版維護都能從容以對。 ◖本書內容◗ 這本實用的書籍介紹大量ES6+語法。每一堂課都以循序漸進的方式規劃明確且直覺的主題，以淺顯易懂的方式讓您理解艱澀難懂的關鍵概念，例如瀏覽器與JS引擎的運作模式、DOM、CSSOM、RegExp、物件導向、作用域、迭代、閉包、原型鏈、解構賦值、事件循環與非同步等重要觀念。透過範例實作，加強更多的程式實戰經驗。 本書的目標不僅是培養您的JavaScript程式素養，還教授如何與HTML5、CSS3搭配活用。即使零基礎的初學者，也能夠充分掌握JavaScript的語法和概念。 ◖課程目標◗ ◉ 清楚了解瀏覽器及JS引擎的運作模式 ◉ 熟悉JS語法與瀏覽器console除錯技巧 ◉ 掌握變數作用域、迭代、物件導向與非同步等關鍵技術 ◉ 能夠利用RegExp物件做數據的精準搜尋 ◉ 學會使用JS操作HTML DOM、CSS及Web Storage ◖適用讀者◗ ◉ JavaScript 開發者或初學者 ◉ 網頁程式設計相關從業人員 ◉ 大專院校網頁程式設計相關系所的師生

第二版全面升級成全彩印刷，閱讀上更加美觀舒適！ 內容也更新成最新技術，快速適應未來潮流！ 「前端效能優化」最全面的書籍！ 精通前端基礎和優化技術，為你打造高效能網站！ 本書內容改編自第 13 屆 2021 iThome 鐵人賽，Modern Web 組冠軍網路系列文章──《今晚，我想來點 Web 前端效能優化大補帖！》。本書彙整了網頁前端應用效能優化的各種技巧，並以此為出發點，延伸至許多前端領域必備的知識。搭配簡易圖文和範例檔實作，讓你打造高效能的前端應用，解決網站效能痛點，提升速度與使用者體驗，增加網站曝光率與流量！ 本次改版除了將一些過時的內容更新，以及新增新的章節以外，也驗證了大部分的篇章概念是不會因為前端技術本身或是 AI 的發展而變成無用的知識。作者希望透過「前端效能優化」這個主題協助讀者掌握前端開發裡的「底層邏輯」，在快速變化的前端領域掌握不變的核心概念，培養能夠快速適應未來改變的扎實基底！ 專注底層邏輯才能永不過時！ 讓你增進網站效能的四劑大補帖 ▍小細節讓效能UP 除了依賴指標，還要從對的地方著手！ ▍前端開發心法 用對優化工具和技術，提升效能&使用者體驗。 ▍深入技術原理 介紹前端技術原理，精通前端應用知識。 ▍提供完整範例 跟著實作範例學習，強化前端優化技能！ 【精彩內容】 •認識 Core Web Vitals、RAIL Model、Lighthouse 等指標和效能監測工具，找出效能不足的地方。 •建立前端必備知識：瀏覽器架構與渲染流程、網路與快取、JavaScript 記憶體管理機制，並學習正確的圖片資源、檔案壓縮與打包技術。 •在不同情境下使用正確的優化技術：Code Splitting、動態載入、Tree Shaking、模組化技巧、Web Workers 與 WebAssembly。 •使用 DevTool 檢測網站效能、實作 Debounce 與 Throttle，達到網站節流。 【目標讀者】 ✦想要了解各種效能優化技巧的前端開發者 ✦想要更理解前端開發底層知識的開發者 ✦想了解前端開發近期發展與未來趨勢的讀者 下載範例程式檔案 本書的程式碼是由GitHub託管，可點選下面圖案前往下載： https://github.com/kylemocode/f2e-performance-optimization-book-demo 升級全彩

若要打造可推理及提取外部資料、理解前後脈絡、可投入正式環境的 AI 應用程式，你就必須熟悉熱門的開發框架與平台 LangChain。它可以用來建立、執行與管理有自主行動能力的 app。目前已有許多頂尖公司採用 LangChain，包括 Zapier、Replit、Databricks 等。對於已經學會 Python 或 JavaScript，且想要掌握 AI 能力的新手開發者而言，本書是必備的學習資源。 作者 Mayo Oshin 與 Nuno Campos 透過實用的見解與深入的教學，帶領你逐步掌握 LangChain 的運用。從基礎概念開始，一步步帶你建立一個可正式上線，並且能夠使用個人資料的 AI agent。 • 運用 retrieval-augmented generation（RAG）技術，結合外部的即時資料來提升 LLM 的準確性。 • 開發並部署能夠與使用者聰明地互動，並且記得前後脈絡的 AI 應用程式。 • 透過 LangGraph 來使用強大的 agent 架構。 • 整合並管理第三方 API 與工具，以擴充 AI 應用程式的功能。 • 監控、測試與評估 AI 應用程式，以提升效能。 • 瞭解 LLM app 開發的基礎知識，並學習如何在 LangChain 上加以活用。 ------------------------------------------------------------- 「本書包含條理分明的講解和可落實的技巧，是掌握 LangChain 的強大功能，並用它來製作可上線的生成式 AI 與 agent 的首選資源。對於想充分利用此平台之潛力的開發者來說，是必讀之作。」 ── Tom Taulli，IT 顧問暨《AI輔助程式開發》作者 「這本完整的指南涵蓋文件提取與檢索，以及在正式環境中部署與監控 AI agent 的完整知識。透過引人入勝的範例、直覺的圖解與實際的程式碼，讓 LangChain 變得既有趣又好玩！」 ── Rajat K. Goel，IBM 資深軟體工程師 「這是一本完整的 LLM 指南，不只介紹基礎知識，也探討生產階段，充滿技術見解、實用策略，以及強大的 AI 模式。」 ── Gourav Singh Bais，Allianz Services 資深資料科學家暨技術內容撰寫人

深入探討 Browser Web API 的最佳實踐快速將學到的技能應用到實際開發中本書內容改編自第 16 屆 iThome 鐵人賽JavaScript 組冠軍系列文章《可愛又迷人的 Web API》。作者整合比賽期間累積的範例與心得，以「一個 Browser Web API 即一個主題」的模組化架構呈現，讓讀者不用按照章節閱讀，能依需求即翻即用。每章均包含核心概念、瀏覽器支援、常見錯誤、替代方案與完整實作，並附進階優化技巧，兼顧新手入門與資深開發者的深入探索。本書收錄的 Browser Web API，涵蓋地理定位、語音輸入輸出、背景計算、離線資料庫、動畫與性能監測等多元領域。透過範例程式碼、實戰情境與效能調校，讀者可快速將功能落地至專案，同時學會權限、安全與跨瀏覽器相容要點。書中也設計了「一分鐘概覽」與「踩雷區（Tips）」欄位，讓你在零碎時間也能迅速掌握精華，遠離常見陷阱。書中也幫大家整理所有的 Browser Web API（包含正式發佈與實驗中版本），幫助各位快速了解它們的特色，並能定位所需的工具。若你正在尋找一部能兼具速查手冊與系統化學習路徑的中文 Browser Web API 指南，本書將成為你工作桌旁不可或缺的最佳夥伴，助你在競爭激烈的前端領域快一步升級。目標讀者● 對 JavaScript 有基礎認知，想知道 Browser Web API 能做到哪些運用的前端工程師● 想深入瞭解 Browser Web API，並希望能實作在專案上的前端工程師

用最實務的方式，讓 AI 真正為你的系統工作，從此告別只會聊天的 AI，打造能解決實際問題的智慧助手！★ 用 Node.js 打造強大 AI 應用★ JavaScript/Node.js全端開發，Web 工程師最熟悉的技術棧★ 涵蓋 RAG 知識庫、工具調用、多 Agent 協作等企業級應用技術★ 實戰導向教學，每章都有完整可執行的程式碼範例★ 不只教你用 AI，更教你把 AI 整合到既有系統中只要你曾經想過：「如何讓 AI 加入我的系統，為我工作？」 這本書，就是你的一個解答。【專家推薦】這本書正是「AI 原生」思維的結晶。書裡不只是把你帶著寫出一個 AI 應用而已，更重要的是教你怎麼善用 AI 工具的特性，像是怎麼設計提示詞、怎麼處理多輪對話、怎麼拆解工作流程，甚至連安全性、效率管理這些小細節都有涵蓋。—— 古健樺政大數位內容學程兼任講師 / 熊熊幹大事 BearDBT 設計總監【基礎入門】從理論到實作的第一步‧ AI 與 LLM 核心概念：從 Token、Embedding、多輪對話機制完整解析帶你更認識 AI‧ 環境搭建與 Discord Bot 開發：用最熟悉的 JavaScript 開始你的 AI 之旅‧ OpenAI API 整合實戰：掌握 ChatGPT API 的正確使用方式________________________________________【進階技巧】Prompt Engineering 提示詞工程‧ 零樣本、少樣本提示技巧：讓 AI 理解你的真正需求‧ 角色提示與思維鏈：打造有個性、會推理的 AI 助手‧ 格式化輸出與安全防護：用 Zod 確保穩定性，防範 Prompt Injection 攻擊________________________________________【核心技術】Tool Calling 讓 AI 長出手腳‧ Function Calling 實戰：從遊戲指令到官方 API 的進化史‧ 多輪工具調用：讓 AI 學會「連續技」，處理複雜任務‧ OpenAI 官方工具整合：Web Search、Image Generation 輕鬆上手________________________________________【企業應用】Workflow 與 Agent 團隊協作‧ 多 Agent 協作模式：協調者-工作者、評

內容簡介:掌握React關鍵開發技能，建構高效、直觀的Web應用程式！深入探討React的基本概念與優化技術，幫助開發者撰寫高效能的Web應用程式。「Carl Sagan說曾過，『觀察過去，可以推知未來』。在下認為，Tejas在前端領域透過這本書完美詮釋了這句名言，帶領我們穿梭於React的發展歷程。他以細膩的方式，深入剖析調和（reconciliation）和Fiber背後的關鍵概念。若要深入瞭解React及其不斷發展的生態系統，此書是必讀之作。」— Matheus Albuquerque BrasilWeb技術領域的Google開發專家在建構Web使用者介面時，React可透過宣告性抽象化提供出色的開發體驗。這本實用的書籍將帶你深入瞭解這個JavaScript程式庫的基本概念，涵蓋JSX語法和進階模式、虛擬DOM、React調和（reconciliation），以及進階的優化技術。熟悉React的用法可以讓你迅速掌握如何做出更出色的web app。作者Tejas Kumar以淺顯易懂的文字來帶你深入探索React，同時避開典型的軟體工程術語，幫助你理解這個JavaScript程式庫的底層運作方式。藉著瞭解React，你將學會如何撰寫直觀的React程式碼，並充分理解React的微妙差異和層次，將熟練程度提升至另一個境界。透過這本書，你將：• 深入理解React的運作原理。• 在開發React應用程式的進行效能優化。• 建立能在任意規模下穩健運行的React應用程式。• 掌握React提供的各種機制及其使用時機，例如reducer、state、ref。

可重用、易組合且規模可擴充的UI核心概念和實用模式 「Maya是一名出色的老師，她用引人入勝的範例和專業的知識引導讀者。」 —Edward Wong @arkangelofkaos 「踏上創造之旅，利用最先進的程式庫和工具建置現代化、規模可擴充的Vue應用程式。《Vue學習手冊》是一本全方位指南，透過以元件為基礎的架構、反應式資料管理、實用的動畫效果和全面的測試策略，提供深入的知識和實際操作的範例。」 —Lipi Deepaakshi Patnaik Zeta-Directi資深軟體開發人員 學習Vue.js的核心概念，Vue.js是一種現代JavaScript框架，用於從零開始建置前端應用程式和介面。本書透過簡潔、實務和清晰的範例，帶領Web開發人員逐步了解Vue.js生態系統中的工具和程式庫，並展示如何為真實世界的Web專案建立完整的應用程式。 你將學到如何使用Pinia架構處理元件之間的資料通訊、為前端專案開發易於管理的路由系統以控制應用程式流程，並且製作基本的動畫效果以創造更好的使用者體驗。 本書重點： ‧使用Vue.js建立可重用的輕量化元件系統 ‧為現有的靜態應用程式帶來快速反應的能力 ‧使用前端專案程式碼管理的建置工具Vite.js建立專案 ‧使用Pinia為前端應用程式建立互動式狀態管理系統 ‧將來自伺服器的外部資料連接到Vue應用程式 ‧使用Vue Router透過靜態和動態路由控制應用程式流程 ‧使用Vitest和Playwright全面測試應用程式

https://youtu.be/lUX9vRKPFS8 用最實務的方式，讓 AI 真正為你的系統工作， 從此告別只會聊天的 AI，打造能解決實際問題的智慧助手！ ★ 用 Node.js 打造強大 AI 應用 ★ JavaScript/Node.js全端開發，Web 工程師最熟悉的技術棧 ★ 涵蓋 RAG 知識庫、工具調用、多 Agent 協作等企業級應用技術 ★ 實戰導向教學，每章都有完整可執行的程式碼範例 ★ 不只教你用 AI，更教你把 AI 整合到既有系統中 只要你曾經想過：「如何讓 AI 加入我的系統，為我工作？」 這本書，就是你的一個解答。 【專家推薦】 這本書正是「AI 原生」思維的結晶。書裡不只是把你帶著寫出一個 AI 應用而已，更重要的是教你怎麼善用 AI 工具的特性，像是怎麼設計提示詞、怎麼處理多輪對話、怎麼拆解工作流程，甚至連安全性、效率管理這些小細節都有涵蓋。 —— 古健樺 政大數位內容學程兼任講師 / 熊熊幹大事 BearDBT 設計總監 【基礎入門】從理論到實作的第一步 • AI 與 LLM 核心概念：從 Token、Embedding、多輪對話機制完整解析帶你更認識 AI • 環境搭建與 Discord Bot 開發：用最熟悉的 JavaScript 開始你的 AI 之旅 • OpenAI API 整合實戰：掌握 ChatGPT API 的正確使用方式 ________________________________________ 【進階技巧】Prompt Engineering 提示詞工程 • 零樣本、少樣本提示技巧：讓 AI 理解你的真正需求 • 角色提示與思維鏈：打造有個性、會推理的 AI 助手 • 格式化輸出與安全防護：用 Zod 確保穩定性，防範 Prompt Injection 攻擊 ________________________________________ 【核心技術】Tool Calling 讓 AI 長出手腳 • Function Calling 實戰：從遊戲指令到官方 API 的進化史 • 多輪工具調用：讓 AI 學會「連續技」，處理複雜任務 • OpenAI 官方工具整合：Web Search、Image Generation 輕鬆上手 _________________________

《HTML5權威指南》是系統學習網頁設計的權威參考圖書。《HTML5權威指南》分為五部分：第一部分介紹學習本書的預備知識和HTML、CSS和JavaScript的最新進展；第二部分討論HTML元素，並詳細說明瞭HTML5中新增和修改的元素；第三部分闡述CSS，涵蓋了所有控制內容樣式的CSS選擇器和屬性，並輔以大量代碼示例和圖示；第四部分介紹DOM，剖析如何用JavaScript操縱HTML內容；第五部分講解Ajax、多媒體和canvas元素等HTML5高級特性。《HTML5權威指南》面向初學者和中等水平Web開發人員，是牢固掌握HTML5、CSS3和JavaScript的必讀之作。

本書主要介紹Vue.js 3.x結合Typescript和Javascript開發Web應用，全書分為4大部分，第一部分是TypScript語法語法部分。第二部分介紹Vue框架的基礎知識，其中包括基礎的前端開發技術，Vue框架的基本使用方法。通過學習這部分的內容，讀者可以輕鬆地使用Vue做前端開發。第三部分介紹了Vue的高級功能以及進階知識(包括Vue全家桶以及前端UI工具等)，通過學習這部分的內容，讀者能夠使用Vue做複雜的頁面邏輯、動畫已經擁有更多實戰能力。第四部分是實戰部分，包括電商網站項目和論壇項目，前端項目是一個完整的電商系統的功能開發；論壇項目是一個全棧項目，這一部分將幫助讀者大幅提升企業級開發能力。本書的特色是提供Typescript和Javascript雙代碼，提供教學視頻，前棧全棧項目，適合Vue.js初學者、大學生，有1到2年從業經驗的前端開發人員。

精采內容不容錯過，好評回饋中！！ 掌握HTML/CSS/JavaScript技巧， 搭配高效前端框架技術，輕鬆成為專業網頁設計師 以淺顯易懂的方式從設計網站開始談起，從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源，再循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，加上書中介紹好用的配色工具，就算沒有美工基礎，藉由Bootstrap工具模組以及配色表，也能快速建構出專業美觀的RWD網站。 本書也安排了Progressive Web Application(PWA)技術，手把手教您逐步將網站優化為Web APP，讓網站能像Native App在手機等行動裝置建立桌面捷徑，瀏覽網頁時具有操作Native App相似的感受。 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 |適用對象| ✰對前端技術有興趣卻不知從何入門的初學者 ✰前端開發技術相關從業人員 ✰大專院校網站設計相關課程教材 |重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript。 ✰活用前端框架Bootstrap技術以及工具模組，建構RWD網站。 ✰使用Progressive Web Application(PWA)技術，逐步將網站優化為Web APP。 精采內容不容錯過，好評回饋中！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。

本書的主要內容包括：提升代碼在不同平臺之間的可移植性。實現跨語言和跨環境的代碼複用。強化對主要安全威脅的防護能力。在Web環境中部署遺留系統代碼。擴大用戶和開發者群體，覆蓋多種語言和技術棧。與JavaScript無縫集成，提升整體系統的性能、安全性和開發效率。理解WebAssembly對軟件開發職業生涯帶來的深遠影響。

佳評如潮！熱銷再版（平裝版） ★☆★ 銷售排行榜冠軍 TOP 1 ★☆★ 思想、脈絡與觀念理解是真正的專業技術門檻， 也是鑑別出實力強大或平庸工程師的關鍵區別之一。 專業推薦 「這本書使 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 前端效能優化大補帖》作者 書籍簡介 本書內容改編自第 14 屆 iThome 鐵人賽 Modern Web 組的冠軍系列文章《一次打破 React 常見的學習門檻與觀念誤解》。本書以循序漸進的脈絡帶讀者從頭理解 React 技術的核心觀念、運作原理與設計思維。 React 本身的設計基於了許多程式領域的設計模式，而這些設計模式的概念大多都與「還沒有使用前端框架時的程式運作思維與習慣」相去甚遠。因此當你沒有真正理解這些設計模式時，你會覺得 React 的許多設計與行為都很不直覺甚至莫名其妙。並且，如果你不熟悉這些觀念或原理的話，則非常容易在實際開發時寫出有問題但卻不自知的程式碼，為專案的程式碼品質和軟體產品的可靠性埋下巨大的隱患。 有別於市面上充斥的各種「教你如何呼叫語法」以及「帶你實戰範例」的 React 學習資源，本書會著重於技術理解的基本功累積，讓你對於 React 的觀念不再一知半解，以避免「跟著寫了很多 React 範例練習卻還是不懂這些程式碼是如何運作的，無法真正掌