原來跨平台開發可以這麼簡單：React Native全攻略(附範例光碟)

類似書籍推薦給您

商品描述 內容簡介 　　本書帶領讀者從了解React Native概念、入門到進階技術應用，一路由淺入深學習，並在各章節中都搭配練習範例，以「做中學」的方式帶領讀者深入了解React Native，最後結合實務專題：旅遊推薦景點APP與跨境電商APP購物網站開發，做完React Native學習的檢核點，將所學技術活用至現實社會中的案例。本書選用時下最受歡迎的開發框架──Redux與其進階框架Dva，讓程式資料流的部分更加彈性，資料的處理更加直覺，並同時保持程式碼的簡潔，使其容易理解，提升開發的效率。此外，本書在實作範例時，加入了許多知名且實用的套件，如：React Native Navigation與React Native Mapview，帶領讀者一步步的將套件引用至專案當中，並透過套件的使用，讓專案內容更加豐富。 本書特色 　　1. React Native能產生跨iOS與Android行動裝置系統的原生碼，跨系統程式碼一次搞定。 　　2. 本書以實作為主，介紹行動裝置程式寫作。 　　3. 並以專章介紹大型App應用－旅遊推薦景點App與跨境電子商務系統。 目錄大綱 第1章 React Native 1-1 路由概念 1-2 React Native概述 1-2-1 什麼是React Native 1-2-2 為什麼使用React Native 1-3 總結 第2章 準備開發React Native 2-1 開發環境 2-1-1 Homebrew 2-1-2 Node.js 2-1-3 Watchman 2-1-4 模擬器環境建置 2-2 開發工具 2-2-1 Visual Studio Code 第3章 第一個React Native專案 3-1 建立專案 3-1-1 專案檔案結構 3-1-2 專案進入點index.js 3-1-3 package.json 3-2 模擬器執行 3-2-1 執行專案 3-2-2 開發者選單 3-2-3 專案除錯 第4章 React Native基本介紹 4-1 Component 組件 4-1-1 React Native基本組件 4-1-2 自定義組件 4-2 Props 屬性 4-2-1 props定義 4-2-2 props型態 4-2-3 props預設值 4-3 State 狀態 4-3-1 初始state 4-3-2 改變state 4-4 生命週期 4-4-1 Mounting 4-4-2 Updating 4-4-3 Unmounting 4-5 整合組件 4-6 Native Module 4-6-1 跨平台API 4-6-2 單平台API 4-7 樣式 4-7-1 基礎樣式 4-7-2 設定寬高 4-7-3 Flexbox版面配置 第5章 路由 5-1 路由概念 5-1-1 React Navigation介紹 5-1-2 安裝React Navigation 5-2 React Navigation基礎操作 5-2-1 使用Navigator 5-2-2 Stack Navigator 5-2-3 Tab Navigator 5-2-4 Drawer Navigator 第6章 Redux Library 6-1 什麼是Redux 6-1-1 Redux的由來 6-1-2 React Redux 6-2 Redux的概念 6-2-1 Component 與 Container 6-2-2 action與dispatch 6-2-3 Action Creator處理資料 6-2-4 Reducer儲存資料 6-2-5 Store資料格式 6-3 第一個Redux專案 6-3-1 建立專案 6-3-2 設定Redux環境 6-3-3 設定Action Creator 6-3-4 設定Redcuer 第7章 Dva框架 7-1 什麼是Dva 7-1-1 Dva的由來 7-1-2 Dva觀念 7-1-3 Model的格式與操作 7-2 第一個Dva專案 7-2-1 建立專案 7-2-2 設定Dva環境 7-2-3 設定Model 7-3 Dva 練習 – 待辦清單 7-3-1 前置作業 7-3-2 新增待辦項目 7-3-3 顯示待辦清單 7-3-4 刪除待辦項目 7-3-5 修改待辦項目 7-3-6 改變待辦項目狀態 第8章 結合OpenData之旅遊景點分享APP 8-1 建置專案 8-1-1 新增專案 8-1-2 專案前置準備 8-2 瀏覽景點地圖 8-2-1 加入景點地圖頁面 8-2-2 串接地圖 8-2-3 串接Open Data 8-3 景點介紹 8-3-1 加入景點詳細資料頁面 8-3-2 顯示詳細資料 8-3-3 景點導航 8-4 管理我的最愛 8-4-1 加入我的最愛 8-4-2 查看我的最愛 8-4-3 移除我的最愛 第9章 實戰演練－購物商城 9-1 建置專案 9-1-1 新增專案 9-1-2 專案前置準備 9-2 側拉欄與分頁導覽器 9-2-1 側拉欄 9-2-2 分頁導覽器 9-3 會員管理 9-3-1 會員登入 9-3-2 會員註冊 9-3-3 會員中心 9-3-4 修改會員資料 9-3-5 修改會員密碼 9-3-6 登出 9-4 商品列表 9-4-1 商品類別 9-4-2 商品內容 9-5 購物車 9-5-1 取出購物車商品 9-5-2 存入/修改購物車商品 9-5-3 刪除購物車商品 9-5-4 合計金額 9-6 首頁 9-6-1 輪播圖 9-6-2 商品類別列表 9-6-3 最新商品 9-7 多國語系 9-7-1 語系環境設置 9-7-2 修正畫面內容 9-7-3 語言設定畫面

流暢的React (1版)

類似書籍推薦給您

【簡介】 掌握React關鍵開發技能，建構高效、直觀的Web應用程式！ 深入探討React的基本概念與優化技術，幫助開發者撰寫高效能的Web應用程式。 「Carl Sagan說曾過，『觀察過去，可以推知未來』。在下認為，Tejas在前端領域透過這本書完美詮釋了這句名言，帶領我們穿梭於React的發展歷程。 他以細膩的方式，深入剖析調和（reconciliation）和Fiber背後的關鍵概念。若要深入瞭解React及其不斷發展的生態系統，此書是必讀之作。」 — Matheus Albuquerque Brasil Web技術領域的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。 【目錄】 第一章 基本內容 為什麼會有React？ 在React 問世之前的世界 進入React 時代 總結：那麼，為什麼React 這麼紅？ 本章回顧 複習問題 下回預告 第二章 JSX JavaScript XML？ JSX 的好處 JSX 的缺點 揭開神祕面紗 JSX Pragma 表達式 本章回顧 複習問題 下回預告 第三章 虛擬DOM 虛擬DOM 簡介 真實DOM 虛擬DOM 的工作原理 本章回顧 複習問題 下回預告 第四章 透視調和 瞭解調和 合併處理 以前的技術 Fiber 調和器 本章回顧 複習問題 下回預告 第五章 常見問題與強大的模式 使用React.memo 來進行記憶化 使用useMemo 來做記憶化 useState vs. useReducer 強大的模式 延遲載入 本章回顧 複習問題 下回預告 第六章 伺服器端的React 用戶端算繪的限制 伺服器算繪的崛起 hydration 建立伺服器算繪 於React 中的伺服器算繪API 不要自己來 本章回顧 複習問題 下回預告 第七章 並行React 同步算繪的問題 複習Fiber 調度和延遲更新 算繪lane useTransition useDeferredValue 並行算繪的問題 深入探討 本章回顧 複習問題 下回預告 第八章 框架 為什麼我們需要框架？ 使用框架的好處 使用框架的取捨 熱門的React 框架 選擇框架 本章回顧 複習問題 下回預告 第九章 React Server Components 好處 伺服器算繪 伺服器組件的規則 伺服器操作 React 伺服器組件的未來 本章回顧 複習問題 下回預告 第十章 React替代方案 Vue.js Angular Svelte Solid Qwik React 不是回應性的 React 的未來 共同模式 本章回顧 複習問題 下回預告 第十一章 結論 要點 我們的時間軸 在魔法背後的機制 探索進階領域 持續獲得新資訊 索引