【簡介】 ☆★☆改寫自第15屆iThome鐵人賽自我挑戰組熱門文章☆★☆ ☆★☆免費版ChatGPT-3.5，人人皆可用且簡易上手☆★☆ ☆★☆豐富的問答與範例☆★☆ ☆★☆依個人需求自訂義設定ChatGPT，打造專屬助手☆★☆ ☆★☆章節皆附QR Code，問答內容與程式碼一鍵複製☆★☆ ☆★☆深度掌握React與前端工程師必備相關知識☆★☆ ☆★☆學會如何使用ChatGPT幫助工作與學習☆★☆ 　　內容結合ChatGPT使用示範與前端技術教學，協助前端工程師打造更為精湛的React開發技能之餘，更學習如何與AI共融進步。 　　透過ChatGPT使用和設定教學，你將學到如何善用這個強大的工具，不僅提升開發效率，更能打造個人專屬的程式碼助手，了解其應用於算數問題以及程式碼開發、運維的種種可能性。 　　涵蓋JavaScript、TypeScript、React基礎與進階主題，深入剖析網頁基礎、ES6語法、異步操作、React狀態管理、以及Redux等重要概念。每一個章節都以ChatGPT為導師，搭配專業的技術指引，使你能夠輕鬆掌握前端開發的核心技能。 　　書中更探討自動測試的重要性，引導讀者使用Jest單元測試和Storybook來處理UI文件與測試，確保程式碼品質和穩定性。最後，透過ChatGPT的引導，你將走遍React與前端技能樹的各個角落，建立起堅實的技術基石。 　　本書希望讀者明白AI並不是取代自己的敵人，而是推進自己的忠心夥伴。讓ChatGPT與你攜手，開啟前端學習之旅，使技能樹在ChatGPT的詠唱中綻放光芒。 【目錄】 1 ChatGPT 基礎使用、設定 1-1 ChatGPT 註冊 1-2 示範：ChatGPT 與算術問題 1-3 利用Custom instructions（自訂指令）來打造工程師的專屬助手 1-4 讓ChatGPT 成為程式碼的開發/ 運維好夥伴 2 ChatGPT 請教教我：JavaScript & TypeScript 基礎 2-1 網頁基礎入門 - HTML、JavaScript、CSS 2-2 進階JavaScript、 ES6 語法& 語法糖 2-3 異步程序：Callback、Promise、async/await、Fetch 串接API 2-4 TypeScript ！ Enum ！泛型！ 2-5 Class（類別）！ Object（物件）！物件導向OOP！ 3 ChatGPT 請教教我：React 基礎 3-1 起始安裝、JSX 元素、元件、Props ！ 3-2 State（狀態）！內容動起來！ 3-3 運用JS 高階函數，進階JSX 組合元件！ 3-4 Hook ！副作用（Side Effect）？ useEffect！ 3-5 更多Hook ！ useCallback ！ useMemo ！自定義Hook！ 3-6 ref ？ useRef ！ forwardRef ！ useImperativeHandle！ 3-7 React & TypeScript！ 3-8 React & axios！ API 串起來！ 4 ChatGPT 請教教我：React 進階 4-1 React Redux 狀態管理 4-2 React Redux & Redux Toolkit！ 4-3 React Redux & Redux-thunk！ API 參戰！ 4-4 useReducer、useContext vs. Redux 4-5 NextJS ！路由系統！ 4-6 Nx 框架！ Monorepo 架構！ 5 ChatGPT 請教教我：自動測試 5-1 Jest 單元測試：基本介紹＆起始安裝 5-2 Jest 單元測試：完整語法＆教學 5-3 Storybook：UI 文件與測試 6 結語