React and React Native, 2nd Edition
暫譯: 《React 與 React Native(第二版)》
Adam Boduch
- 出版商: Packt Publishing
- 出版日期: 2018-09-28
- 定價: $1,498
- 售價: 6.0 折 $899
- 語言: 英文
- 頁數: 540
- 裝訂: Paperback
- ISBN: 1789346797
- ISBN-13: 9781789346794
-
相關分類:
React
-
其他版本:
React and React Native : Build cross-platform JavaScript applications with native power for the web, desktop, and mobile, 4/e (Paperback)
買這商品的人也買了...
相關主題
商品描述
Build applications for web and native mobile platforms with React, JSX, Redux, and GraphQL
Key Features
- Explore how functional web development works with React, Redux, and React Native
- Build apps with unified architecture with Facebook's React, Relay, and GraphQL
- Understand the platform in-depth, from routing to server-side rendering
Book Description
This books takes you through using React 16 and React Native 0.5 to create powerful and engaging desktop mobile and native applications for all platforms.
You start by learning how to craft composable UIs using React, ranging from rendering with JSX and creating reusable components to routing and creating isomorphic applications that run on Node.js.
We then move on to show you how to take the concepts of React and apply them to building Native UIs using React Native. You'll find out how to build responsive and streamlined UIs that can properly handle user interactions in a mobile environment. You'll also learn how to access device-specific APIs such as the Geolocation API, and how to handle offline development with React Native.
You will master handling application state, Unified Information Architecture, and using Flux, Redux, and Relay.
Towards the end of the book, you will learn how Flux ideas are encapsulated within React components using Relay and apply all the skills learned so far to create a React application that runs on every major platform.
What you will learn
- Learn what has changed in React 16 and how you stand to benefit
- Craft reusable components using the React virtual DOM
- Learn how to use the new create-react-native-app command line tool
- Augment React components with GraphQL for data using Relay
- Handle state for architectural patterns using Flux
- Build an application for web UIs using Relay
Who this book is for
This book is written for any JavaScript developer―beginner or expert―who wants to start learning how to put both of Facebook's UI libraries to work. No knowledge of React is needed, though a working knowledge of ES2017 will help you follow along better.
Table of Contents
- Why React?
- Rendering with JSX
- Component Properties, State, and Context
- Event Handling, the React Way
- Crafting Reusable Components
- The React Component Lifecycle
- Validating Component Properties
- Extending Components
- Handling Navigation with Routes
- Server-Side React Components
- Mobile-first React Components
- Why React Native?
- Kickstarting React Native Projects
- Building Responsive Layouts with Flexbox
- Navigating Between Screens
- Rendering Item Lists
- Showing Progress
- Geolocation and Maps
- Collecting User Input
- Alerts, Notifications, and Confirmation
- Responding to User Gestures
- Controlling Image Display
- Going Offline
- Handling Application State
- Why Relay and GraphQL?
- Building a Relay React App
商品描述(中文翻譯)
**使用 React、JSX、Redux 和 GraphQL 建立網頁及原生行動平台應用程式**
### 主要特點
- 探索如何使用 React、Redux 和 React Native 進行功能性網頁開發
- 使用 Facebook 的 React、Relay 和 GraphQL 建立統一架構的應用程式
- 深入了解平台,從路由到伺服器端渲染
### 書籍描述
本書將帶您使用 React 16 和 React Native 0.5 創建強大且引人入勝的桌面和原生行動應用程式,適用於所有平台。
您將從學習如何使用 React 製作可組合的使用者介面開始,涵蓋從使用 JSX 渲染和創建可重用組件到路由和創建可在 Node.js 上運行的同構應用程式。
接著,我們將展示如何將 React 的概念應用於使用 React Native 建立原生使用者介面。您將學會如何構建能夠在行動環境中妥善處理使用者互動的響應式和精簡的使用者介面。您還將學習如何訪問特定設備的 API,例如地理位置 API,以及如何使用 React Native 處理離線開發。
您將掌握應用程式狀態管理、統一資訊架構,以及使用 Flux、Redux 和 Relay。
在書的最後,您將學習如何使用 Relay 將 Flux 的概念封裝在 React 組件中,並將迄今為止學到的所有技能應用於創建一個可以在每個主要平台上運行的 React 應用程式。
### 您將學到的內容
- 了解 React 16 中的變更及其帶來的好處
- 使用 React 虛擬 DOM 創建可重用的組件
- 學習如何使用新的 create-react-native-app 命令行工具
- 使用 Relay 為數據增強 React 組件的 GraphQL
- 使用 Flux 處理架構模式的狀態
- 使用 Relay 為網頁使用者介面構建應用程式
### 本書適合誰
本書是為任何 JavaScript 開發者撰寫的——無論是初學者還是專家——希望開始學習如何將 Facebook 的兩個 UI 函式庫付諸實踐。雖然不需要具備 React 的知識,但對 ES2017 的基本了解將有助於您更好地跟上內容。
### 目錄
1. 為什麼選擇 React?
2. 使用 JSX 渲染
3. 組件屬性、狀態和上下文
4. 事件處理,React 的方式
5. 創建可重用的組件
6. React 組件生命週期
7. 驗證組件屬性
8. 擴展組件
9. 使用路由處理導航
10. 伺服器端的 React 組件
11. 行動優先的 React 組件
12. 為什麼選擇 React Native?
13. 啟動 React Native 專案
14. 使用 Flexbox 建立響應式佈局
15. 螢幕之間的導航
16. 渲染項目列表
17. 顯示進度
18. 地理位置和地圖
19. 收集使用者輸入
20. 警報、通知和確認
21. 回應使用者手勢
22. 控制圖像顯示
23. 離線模式
24. 處理應用程式狀態
25. 為什麼選擇 Relay 和 GraphQL?
26. 建立一個 Relay React 應用程式