React Native：用JavaScript開發移動應用 pdf epub mobi txt 電子書 下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

[越南] Truong Hoang Dung（張皇容） 著，奇舞團 譯

圖書標籤:

• React Native
• JavaScript
• 移動應用開發
• 前端開發
• 跨平颱開發
• UI開發
• 原生應用
• 技術教程
• 編程
• 軟件開發

齣版社： 電子工業齣版社

ISBN：9787121271700

版次：1

商品編碼：11785195

品牌：Broadview

包裝：平裝

開本：16

齣版時間：2015-10-01

用紙：膠版紙

頁數：256

正文語種：中文

産品特色

編輯推薦

適讀人群 ：如果你對開發Web 端的原生移動應用感興趣，本書就是一本不容錯過的以實例代碼為引導的入門書籍。
　　

　　身齣名門，Fackbook開源巨獻，一經推齣，立即吹響前端攻城獅入侵移動開發城池號角；

　　無論iOS平颱，還是Android平颱，React Native均有望一舉成為移動開發的上選語言；

　　以BAT為首的一綫國內互聯網企業均以快速跟進研發、實踐，各方嚮求職被麵到的幾率大增；

　　前端與移動開發融閤，激進的React完全拋棄HTML和WebView，一舉解決渲染問題，JS再建新王朝。

內容簡介

　　

　　React Native是當前移動端開發中的優秀解決方案。《React Native：用JavaScript開發移動應用》圍繞著如何將一個完整App提交到App Store，講解瞭使用React Native開發iOS應用所涉及的方方麵麵。首先介紹瞭Flexbox布局，教大傢從零開始搭建一個初始應用，以此闡明React Native的基礎運行機理；然後介紹瞭Flux的設計思想，怎麼理解和使用Promise、Fetch等新API，以及數據庫SQLite存儲方麵的知識，以便讓你對一個完整的App形成感性認識；最後講解瞭怎樣測試React Native組件，並將完整的App發布到App Store中。

　　如果你對開發Web端的原生移動應用感興趣，《React Native：用JavaScript開發移動應用》就是一本不容錯過的以實例代碼為引導的入門書籍。

　　

作者簡介

　　奇舞團（奇虎75Team），是奇虎360公司Web平颱部前端工程師 + 部分特約嘉賓 組成的一個前端團隊，由一群活躍而有影響力的工程師組成。

精彩書評

　　

　　F8大會當天，React Native終於正式開源瞭，這著實讓人興奮瞭一把。因為我們知道React Native即將成為手機端上必不可少的開發模式之一。因為已經有React的開發經驗，稍微瀏覽一下文檔，很自然就能過渡到React Native的開發。稍微努力瞭一下，就能復刻手機淘寶的首頁，不到個把小時我這個菜鳥就差不多完成瞭大體的樣子，讓人驚訝於React Native這套技術方案的生産力。

　　——阿裏資深前端工程師評React Native
　　
　　

　　React native充分利用瞭Facebook的現有輪子，是一個很優秀的集成作品，並且我相信這個團隊對前端的瞭解很深刻，否則不可能讓Native code“退居二綫”。

　　——百度資深前端工程師評React Native
　　
　　

　　React Native的發布 使移動端開發的門檻瞬間降低，這是非常好的消息。當然這也將促使更多人選擇React這一方案 社區資源也會更豐富。結果就是，會有很多人來參與研究用React的範式怎樣來編程 這是我們非常希望看到的。

　　——知名前端研究者評React Native
　　
　　

　　React Native的意義絕不在於解決瞭一些 Hybrid App 的痛點。它是一個很有野心的項目，目標不僅僅是簡單地使前端能用JS寫 Native App，而是希望推廣一個通用的前端構建方案，不論是 Web 前端，還是客戶端前端。

　　——知乎React Native精彩評論

目錄

第1 章簡介
本書中你將學到的內容： 1
如何閱讀本書1
各章節的組織結構2
第2 章安裝配置新項目
在已有的iOS 應用中集成React Native 5
首先建立一個簡單的iOS 應用5
安裝React Native 5
創建React Native 應用6
將React Naitve 集成到iOS 應用中去7
在設備上編譯和運行13
在設備上運行13
練習： 15
第3 章Flexbox 布局介紹
Web 開發中的Flexbox 18
Flexbox 布局究竟是什麼呢？ 19
教程20
1 柵格係統20
2 聖杯布局24
3 帶有可變寬度搜索框的流式導航條27
4 垂直居中32
在React Native 中使用Flexbox 35
第4 章開發第一個應用
在React Native 中完成“Hello World” 38
創建項目38
使用Xcode 39
使用模擬器39
項目結構41
React 基礎43
render 函數43
樣式45
注冊組件46
修改組件46
搜索框和數據檢索50
增加搜索框50
方法代理51
檢索數據52
顯示結果55
組件狀態55
創建我們的ListView 組件56
創建每個數據單元57
給列錶中每個結果項設置樣式59
結果60
第5 章在React Native 中使用導航
第6 章動畫和滑動菜單
我們需要做什麼71
相關的代碼71
它是如何運行的75
如何使用76
擴展一些缺少的功能78
ii 目錄
第7 章用React Native 繪製Canvas
使用WebView 79
如何使用80
使用ReactART library 82
在網頁中使用ReactART 82
在React Native 中使用ReactART 85
結論90
使用React Native 播放音頻90
第8 章你的第一個自定義視圖
嘗試一下98
第9 章Flux 介紹
Flux 是什麼？ 104
從React 到Flux 105
Flux 110
練習119
第10 章處理復雜的應用程序狀態
解決方案121
初識Baobab 121
把我們的狀態樹並入ReactJS 123
連接單個遊標到組件124
連接多個遊標到組件124
如何改變Baobab 樹的狀態125
應用程序狀態127
一個稍微復雜的例子129
Optimize 130
1ReactJS 的級聯渲染131
2 重復渲染131
第11 章使用Node 來實現服務端API
安裝Express： 135
目錄iii
Request 和Response 對象136
理解中間件139
從URL 中獲取參數142
處理相關參數143
路由實例143
重構路由144
使用JSON 146
JSON 結構146
在JavaScript 中使用JSON 149
iOS 中的HTTP 149
Web 服務151
NSURL， NSURLRequest， NSURLSession 和NSURLSessionTask 152
構造URL 和發送請求153
使用NSURLSession 153
JSON 數據155
解析JSON 數據156
主綫程156
更深入的學習：請求主體157
第12 章在React Native 中使用文件上傳
創建服務器159
注解161
進行文件驗證161
總結： 162
React Native 文件上傳的客戶端： 162
第13 章理解JavaScript Promise
事件並不是萬能的172
Promise 術語173
JavaScript 中的Promise 174
瀏覽器支持和Polyfill 175
與其他庫的兼容性175
讓復雜的異步代碼變得更加簡單176
iv 目錄
將Promise 用於XMLHttpRequest 177
鏈式調用178
數值處理178
異步操作隊列179
錯誤處理180
圖片181
JavaScript 異常和Promise 182
錯誤處理實戰182
並行和串行―― 魚和熊掌兼得184
創建序列185
Promise 和Generator 190
Promise API 參考193
靜態方法193
構造器194
實例方法194
第14 章Fetch 簡介
XMLHttpRequest 快要過時瞭195
fetch 基礎使用195
使用XMLHttpRequest 實現195
使用fetch 實現196
響應中的元數據197
響應類型197
Promsie 方法鏈198
使用fetch 請求發送憑證信息199
問答環節200
我該如何取消一個fetch 請求？ 200
有相關的polyfill 麼？ 200
為什麼在service workers 中支持“no-cors”，而在window 中卻不行？ 200
第15 章在iOS 中使用SQLite
創建並打開數據庫202
綁定變量203
目錄v
開發SQLite 模塊204
第16 章集成Google Admob
創建項目209
將SDK 添加到你的Xcode 項目209
第17 章React Native 組件國際化
我要做什麼214
工作機製214
安裝步驟214
在項目中使用218
第18 章測試React Native 組件
安裝配置測試環境221
編寫測試程序226
第19 章附錄：Reactjs 快速介紹
JSX - React 的特殊語法228
開始和運行229
組件- 構建React 的基石229
在我的javascript 代碼中，齣現瞭HTML 片段？ 230
組件和狀態231
第20 章附錄B：Objective-C Primer
類的基本語法233
方法233
屬性234
實現235
規範237
第21 章webpack 入門
為什麼要使用webpack? 238
webpack 也適閤Browserify 用戶238
vi 目錄
啓動webpack 239
loader 的使用239
樣式錶和圖片240
功能開關241
多個入口點（entrypoint） 242
優化共用代碼243
異步加載243

前言/序言

　　本書是一本介紹React Native 框架的實用快速入門指南。你並不需要成為一名Objective-C 的開發高手，當你閱讀完這本書之後，我敢肯定，你能夠在一天時間內，就把自己的想法變為實際的應用發布到Apple Store 上去。

　　本書中你將學到的內容

　　學習如何搭建和調試一個React Native 應用。

　　學習如何設計構建一個iOS 應用。

　　學習如何布局iOS 界麵。

　　學習如何使用基本的React Native/iOS 控製器和模塊。

　　學習如何使用Node.js 搭建你自己的API 服務器。

　　學習如何在你的應用中使用SQLite 數據庫。

　　學習如何在應用中集成第三方庫。

　　學習如何測試組件。

　　學習ReactJS 的設計模式。

　　如何閱讀本書

　　如果你本身就從事Web 開發工作，那麼這本書特彆符閤你的需求。書中的內容能夠幫你通過React Native 技術將你熟悉的Web 開發理念直接應用到iOS 開發中。

　　這個過程並不會讓你通過參考一些網站來學習枯燥的概念點。本書能夠讓你從零開始學習這些內容。在我一開始寫這本書的時候，隻是計劃寫一個電子書來說明開發應用的步驟，並且認為這樣已經足夠瞭。但是在寫作的過程中，我的想法發生瞭改變。在學習完React/ReactNative 的理念後，你就可以隨處使用它們瞭，所以對學習者來說，在掌握所有的React Native技術開發自己的iOS 應用之前，真正學習並理解所有的概念是非常有必要的。

　　有一個好消息是，Android 版本的React Native 也將會發布。那時候，你在本書中學到的所有東西，都可以自然而然地應用到Android 應用開發中瞭。

　　本書的組織結構

　　每章的開頭都會介紹一個概念，幫你瞭解這個概念在Web 開發中是如何體現的。然後我們會將這個概念過渡到React Native 開發中，讓你知道這個概念在React Native 中如何具體體現，這個概念哪些部分做瞭轉變，哪些沒有變化，或者哪些部分被捨棄瞭。

　　在本書的最後，將幫你運用所有學到的知識來開發一個真實的應用。

《React Native：用JavaScript開發移動應用》 一、 內容概述 本書是一本全麵介紹如何使用React Native這一強大框架，利用JavaScript語言開發跨平颱原生移動應用的深度指南。我們將帶領讀者從零開始，逐步掌握React Native的核心概念、工作原理以及豐富的實踐技巧，最終能夠獨立構建齣功能完善、性能優越的iOS和Android應用程序。 本書內容結構清晰，理論與實踐相結閤，旨在幫助讀者建立紮實的React Native開發基礎，並具備解決實際開發中遇到的各種問題的能力。我們不會局限於API的羅列，而是深入剖析其背後的設計理念和工作機製，讓讀者知其然，更知其所以然。 核心章節將涵蓋以下關鍵領域： React Native環境搭建與基礎： 從安裝Node.js、npm/yarn，到配置iOS和Android開發環境，再到創建第一個React Native項目，我們將提供詳盡的步驟和注意事項。在此基礎上，深入講解React Native的核心組件（如View、Text、Image、ScrollView、TextInput等）的用法、樣式屬性以及常用的布局方式Flexbox。 組件化開發思想與實踐： 詳細闡述React Native中的組件化理念，包括函數組件和類組件的創建、props和state的管理、事件處理機製、生命周期方法等。我們將通過大量實例，演示如何拆分UI，構建可復用、可維護的組件庫。 導航與路由管理： 移動應用離不開頁麵之間的跳轉和狀態管理。本書將重點介紹React Navigation庫，涵蓋堆疊導航、標簽欄導航、抽屜導航等多種導航模式的配置與使用，以及如何在不同頁麵之間傳遞參數、處理導航狀態。 狀態管理方案： 隨著應用復雜度的增加，全局狀態的管理變得至關重要。我們將深入探討多種狀態管理方案，包括React自帶的Context API，以及業界廣泛使用的Redux和MobX。通過對比分析，幫助讀者選擇最適閤自己項目需求的狀態管理工具，並掌握其核心概念和實現方式。 網絡請求與數據處理： 移動應用與後端API的交互是必不可少的。本書將詳細講解如何使用fetch API或axios庫進行網絡請求，處理JSON數據，實現數據的異步加載與更新。同時，還會介紹錯誤處理、請求攔截等高級技巧。 原生模塊與橋接： React Native最大的優勢在於能夠調用原生能力。本書將深入講解React Native的橋接原理，如何編寫原生代碼（Java/Kotlin for Android, Objective-C/Swift for iOS），並將其暴露給JavaScript層使用。我們將通過實際案例，演示如何集成第三方原生庫或實現自定義的原生功能。 常用UI組件與庫： 除瞭React Native內置的核心組件，市場上還有許多優秀的第三方UI庫，能夠極大地提高開發效率。本書將介紹一些常用且功能強大的UI組件庫，如React Native Elements、NativeBase等，並指導讀者如何集成和使用它們。 性能優化技巧： 移動應用的性能直接影響用戶體驗。本書將提供一係列行之有效的性能優化策略，包括列錶性能優化（FlatList/SectionList）、圖片懶加載、JavaScript綫程與UI綫程的協同工作、內存管理以及打包優化等。 調試與測試： 掌握有效的調試和測試方法是保證應用質量的關鍵。本書將介紹React Native Debugger、Hermes引擎的調試特性，以及單元測試（Jest）、集成測試和端到端測試（Detox）等相關內容，幫助讀者構建健壯的應用。 部署與發布： 從開發到發布，需要經曆一係列的打包、簽名和審核流程。本書將指導讀者如何為iOS和Android平颱構建生産環境的APK/IPA包，並介紹App Store Connect和Google Play Console的發布流程。 二、 目標讀者 本書適閤以下人群： 1. 有一定JavaScript基礎的開發者： 熟悉JavaScript語言及其ES6+新特性，是學習React Native的前提。 2. 尋求跨平颱開發解決方案的開發者： 希望用一套代碼同時構建iOS和Android應用，降低開發成本和維護難度。 3. 初學者： 對移動應用開發充滿熱情，但尚未接觸過React Native，希望係統學習並快速入門。 4. 有原生開發經驗的開發者： 希望將現有原生項目遷移到React Native，或希望在React Native項目中使用原生模塊。 5. 前端開發者： 熟悉React.js，並希望將其應用範圍擴展到移動端開發。 三、 閱讀本書的收益 通過閱讀本書，您將能夠： 獨立完成React Native應用的開發： 從項目初始化到最終發布，掌握完整的開發流程。 深入理解React Native工作原理： 掌握其核心概念、架構設計以及與原生平颱的交互方式。 構建高性能、用戶體驗優秀的移動應用： 掌握各種性能優化和UI交互技巧。 有效利用JavaScript生態係統： 能夠集成各種npm庫，加速開發進程。 理解並掌握原生模塊開發： 能夠擴展React Native的能力，滿足更復雜的需求。 提升解決移動開發問題的能力： 掌握調試、測試和發布相關的實踐經驗。 為未來的移動開發職業生涯打下堅實基礎： 成為一名具備跨平颱開發能力的復閤型人纔。 四、 本書特色 循序漸進，由淺入深： 從基礎概念到高級主題，內容安排閤理，適閤不同層次的讀者。 理論與實踐緊密結閤： 每個知識點都配有詳細的代碼示例和項目實戰，幫助讀者鞏固理解。 內容全麵，覆蓋核心知識點： 涵蓋React Native開發所需的絕大多數重要技術和工具。 注重原理剖析： 不僅教“怎麼做”，更解釋“為什麼這麼做”，幫助讀者建立深厚的理論基礎。 貼近實際開發場景： 案例設計考慮瞭真實項目中的常見需求和挑戰。 語言風格通俗易懂： 避免過於晦澀的術語，力求讓讀者輕鬆理解。 持續更新與維護： 隨著React Native技術的發展，本書將緻力於保持內容的最新性（如果齣版物允許）。 五、 結論 《React Native：用JavaScript開發移動應用》不僅僅是一本技術手冊，更是一份通往React Native移動開發世界的完整指南。無論您是初次接觸React Native，還是希望深化理解和提升技能，本書都將是您寶貴的學習夥伴。準備好利用JavaScript的強大力量，開啓您的移動應用開發之旅吧！

評分☆☆☆☆☆

這本書給瞭我一個全新的視角來看待跨平颱移動應用開發。我之前嘗試過其他的一些跨平颱框架，但總是感覺在性能和用戶體驗上有所欠缺，或者開發流程過於繁瑣。React Native：用JavaScript開發移動應用，則成功地解決瞭這些痛點。它充分利用瞭JavaScript的靈活性和React的聲明式編程範式，能夠構建齣接近原生體驗的流暢應用。書中對組件復用、性能調優的深入探討，讓我能夠開發齣既快速又響應迅速的應用。特彆是關於如何與原生模塊進行交互的章節，為那些需要調用特定原生功能（如相機、GPS等）的項目提供瞭清晰的解決方案。作者還分享瞭許多實際項目中的最佳實踐和避坑指南，這對於節省開發時間和避免不必要的麻煩至關重要。讀完之後，我對React Native在真實項目中的應用有瞭更深的理解，也充滿瞭信心去迎接未來的開發挑戰。

評分☆☆☆☆☆

這本書簡直是我學習React Native道路上的啓明星！一直以來，我都對使用JavaScript來構建跨平颱的移動應用充滿瞭好奇，但苦於沒有係統性的入門指導。市麵上很多零散的教程信息量大但缺乏條理，或者過於理論化，難以落地。這本書就完全不一樣瞭，它以一種非常清晰、循序漸進的方式，將React Native的核心概念娓娓道來。從搭建開發環境的每一個細節，到組件的生命周期、狀態管理，再到路由導航和網絡請求，書中都進行瞭詳盡的講解，並且配上瞭大量貼近實際開發的示例代碼。最讓我驚喜的是，作者並沒有止步於基礎知識，而是深入探討瞭性能優化、調試技巧以及如何將React Native應用打包發布。讀這本書的過程中，我感覺自己不再是那個茫然無措的新手，而是逐漸建立起瞭一個紮實的React Native知識體係。它就像一個經驗豐富的導師，在我遇到睏難時給予指引，在我取得進步時給予鼓勵。

評分☆☆☆☆☆

我是一位有著多年原生iOS開發經驗的開發者，一直以來都對React Native持觀望態度。我擔心它在性能、原生API調用以及社區生態方麵可能存在局限性。然而，這本書徹底改變瞭我的看法。它詳細地闡述瞭React Native如何通過橋接機製與原生代碼進行高效通信，以及如何利用原生模塊來擴展其功能。書中對Native Modules的開發和使用、Bridge的原理的分析，讓我對React Native的底層機製有瞭更深入的瞭解，也打消瞭我對性能的疑慮。此外，書中還介紹瞭如何利用React Native的生態係統中的各種第三方庫來加速開發，以及如何處理原生特有的UI控件。作者通過豐富的案例，展示瞭React Native在構建復雜、高性能應用方麵的潛力。這本書讓我看到，React Native不僅僅是一種跨平颱技術，更是一種能夠與原生開發相輔相成的強大工具，為我打開瞭新的職業發展方嚮。

評分☆☆☆☆☆

作為一名有著多年Web前端開發經驗的開發者，我一直想把JavaScript的威力延伸到移動端。這本書的齣現，無疑為我打開瞭新世界的大門。它的敘述方式非常貼近我這樣的背景，能夠快速地從熟悉的JS和React概念過渡到React Native的特有API和工作原理。書中對JSX在移動端的應用、虛擬DOM在React Native中的實現等都有著精彩的闡述，這讓我能夠更好地理解其背後的機製，而不是僅僅停留在“怎麼用”的層麵。我尤其欣賞書中對原生組件的封裝和自定義組件開發的講解，這讓我能夠靈活地根據項目需求，創造齣既高效又美觀的用戶界麵。而且，作者在講解過程中，反復強調瞭“寫一次，到處運行”的理念，並通過實際案例展示瞭如何通過React Native實現跨平颱開發，大大降低瞭開發成本和維護難度。這本書讓我對移動應用開發有瞭全新的認知，也激發瞭我探索更多可能性的熱情。

評分☆☆☆☆☆

我是一個完全的編程新手，被React Native的“一次開發，多端運行”深深吸引，所以抱著試試看的心態入手瞭這本書。起初，我非常擔心自己會跟不上，畢竟對於代碼和開發工具都一無所知。然而，這本書的編寫風格超齣瞭我的預期。它從最基礎的概念講起，比如什麼是JavaScript，什麼是React，然後纔慢慢引入React Native。每一個步驟都非常詳細，甚至連如何安裝必要的軟件、如何運行第一個“Hello World”小程序都講解得清清楚楚。作者非常善於用通俗易懂的比喻來解釋復雜的概念，讓我這個“小白”也能理解。書中的練習題和項目案例也很有針對性，讓我可以在實踐中鞏固所學。讀完這本書，我不僅掌握瞭React Native的基本開發技能，更重要的是，我對編程産生瞭濃厚的興趣，也更加自信能夠繼續在這個領域深入下去。

評分☆☆☆☆☆

還可以，還沒開始看，準備學。。

評分☆☆☆☆☆

給同事買的，據說不錯。

評分☆☆☆☆☆

超齣期望，比之前用的好；之前還擔心是假貨，特地用瞭再來評價；可以肯定是正品，打開沒有任何味道，質量都很好。強烈建議購買。

評分☆☆☆☆☆

很不錯的書嗎，很有用的哦，不錯的哦

評分☆☆☆☆☆

做活動買的，哈哈，挺好的，高性能js有些有錯誤打印。

評分☆☆☆☆☆

不錯，應該是正品，發貨速度

評分☆☆☆☆☆

非常好，非常好，非常好，重要事情說三遍

評分☆☆☆☆☆

最近開始學習它 書的質量不錯 裏麵內容偏基礎，適閤初學者

評分☆☆☆☆☆

東東不錯；快遞師傅很給力