Android開發技術周報特刊之React Native
教程
基礎入門
-
期待已久的 React Native for Android 發布了,趕緊來嘗試一下,我跟著這個 Getting Started 開開始入門。發現被一些 "老虎" 堵在門口, Hello World 都跑不起來,入不了 React Native 的門,讓我很懊惱,最后終于解決。可能大家也會遇到類似的問題,這篇文章希望能幫到你。
-
學習 React Native for Android:環境搭建
非死book 于 2015 年 9 月 15 日發布了 React Native for Android 。React Native 讓開發者使用 JavaScript 和 React 編寫應用,利用相同的核心代碼就可以創建 Web,iOS 和 Android 平臺的原生應用。注意這里的 核心 兩個詞,它指的是那些底層的、與界面無關的邏輯。
-
學習 React Native for Android:React 基礎
React Native 主張用 React 的開發思維來編寫 UI 層。因此在學習 React-Native 之前,了解基本的 React 的語法和存在的坑會對今后 React Native 的開發大有裨益。本文將從一個簡單的例子開始,逐步完善我們的程序。在這個過程中,我們將一步步探討如何用 React 來開發網頁應用,以及需要注意的陷阱。
動手實踐
-
React Native for Android 實踐 - 實現知乎日報客戶端
React Native for Android 的發布,對一個 Android 開發者來說還是有相當的吸引力的。通過前面這篇博客:React Native for Android 入門老虎好不容易入了門了,然后想找一個簡單的項目,來練練手。一方面來熟悉一下 RN(React Native, 后面都做此簡寫),另一方面來驗證使用 RN 來實現一個相對完整的項目的可行性。
-
React Native for Android 發布獨立安裝包
如果要發布一個 React Native 寫的 Android 應用,不可能要別人來連接這個 JS Server。可不可以不要連接這個 Server 就能運行呢?在網上找了一圈,發現資料很少,官方文檔上也沒有說支持。這篇文章就來討論一種實現方案。
深入理解
-
就像 Android 開發中的 View 一樣,React Native(RN) 中的組件也有生命周期(Lifecycle)。所謂生命周期,就是一個對象從開始生成到最后消亡所經歷的狀態,理解生命周期,是合理開發的關鍵。
-
React Native Android版核心層js-bridge實現淺析
整體架構上,可以分為java層<->c++層<->js層,其中java層作為入口,主要是對整體流程的控制,模塊的配置。c++層是對JavaScriptCore接口的封裝(每個應用自己背一個js解釋器),直接執行js腳本并獲取返回值。js層則是界面的布局與事件的響應處理。
文檔
-
非死book 在 React.js Conf 2015 大會上推出了基于 JavaScript 的開源框架 React Native,本中文教程翻譯自 React Native 官方文檔。React Native 結合了 Web 應用和 Native 應用的優勢,可以使用 JavaScript 來開發 iOS 和 Android 原生應用。在 JavaScript 中用 React 抽象操作系統原生的 UI 組件,代替 DOM 元素來渲染等。
視頻教程
-
本課時介紹 React Native ,包括 React Native 的簡介,主要解決的問題以及為什么我們需要關注 React Native,然后和其他同類框架做一個簡單地對比。
-
本課時講解 React Native 的樣式布局基礎,包括如何添加和使用樣式,以及介紹作為 Css 子集的基本盒模型布局方式。
-
這套教程就從基礎出發講述了react native的基礎概念。學些react native將會是未來的移動開發的主流。
資源合集
-
React-Native指南匯集了react-native學習資源與各類開源app.
-
An "awesome" type curated list of React Native components, news, tools, and learning material。