Android混合開發

前端週刊第 52 期：JS Conf 2017 開始報名、蘋果騰訊開戰、React Native 周邊

哈哈，互聯網圈本週的大事件是微信公衆號關閉 iOS 平臺打賞入口，討論這件事情的文章不少，前端週刊就沒有收錄相關文章。另外 JS Conf China 2017 已經開始報名，定於 7 月 15 日在上海舉行，早鳥票已售罄，想去的抓緊時間報名。回到技術自己，我讀到 3 篇很是不錯…

React Native 與 Android 原生通訊交互詳情

本篇博客是 React Native 中和 Android 原生交互通訊詳情文章

最新版本 React Native 實現 JsBundle 預加載，界面秒開優化

基於最新版本 React Native 實現 JsBundle 預加載，界面秒開優化。

20 分鐘理解 React Native For Android 原理

公司內幾個 APP 已經接入並上線了多個 RN 模塊，後續規劃的定製化需求及性能優化須要咱們對 RN 底層原理有更深刻的理解。下面經過研讀源代碼來分析和總結下 Android 中的 RN 實現原理。

Android-Java 和 JavaScript 相互調用

當前的 Android 開發中，會使用大量的 h5(html5+css+js), 甚至出現了混合開發模式（Hybrid），使用 Hybrid 開發，h5 頁面開發效率高和移植便利性爲主。但在一些地方使用 h5 開發的確會不太容易實現，這個時候就須要調用 Java 原生方法來完成，就會遇到 JavasS…

React native 之路（七）集成 ReactNative 到已有項目（Android）

React native 之路（七）集成 ReactNative 到已有項目（Android）

免安裝 Android 和 iOS 編譯環境，直接進行 React Native 開發

省去了安裝 Android 和 iOS 編譯環境費時費力的過程，直接進行 React Native 開發

基於原生的移動跨平臺研究和實踐

基於原生主要是針對基於 webview+h5 比較來講的，基於 H5 的我不想再討論了，我想嘗試的是從 UI 到功能都是原生，而不是用 H5 模擬的所謂原生體驗。

React Native 網絡請求封裝：使用 Promise 封裝 fetch 請求

React Native 中雖然也內置了 XMLHttpRequest 網絡請求 API(也就是俗稱的 ajax)，但 XMLHttpRequest 是一個設計粗糙的 API，不符合職責分離的原則，配置和調用方式很是混亂，並且基於事件的異步模型寫起來也沒有現代的 Promise 友好。而 Fetch 的出現就是爲了解決 XHR 的問題，因此 React Native 官方推薦使用 Fetch API。

Hybrid APP 開發：模板本地化

Hybrid APP 開發：模板本地化

【0.43】React Native 中文更新日誌

本文爲 Marno 原創，轉載必須保留出處！ 公衆號【 aMarno 】，關注後回覆 RN 加入交流羣 React Native 優秀開源項目大全：http://www.marno.cn 1、導讀 本次更新亮點： 正式放出了 FlatList 添加支持 alignContent…

React Native 開源項目 - 稀土掘金客戶端 (Android、iOS 雙適配)

React Native 開發的掘金客戶端，學習好項目，趕忙上車~

React Native ListView 中圖片加載優化處理

恭喜國足打敗韓國~ 給你們講講 ListView 的圖片加載優化策略 (緩存與加載策略)

探索 React Native 的 bundle 加載路徑

咱們都知道在 Debug 模式下，會去加載 JS Server 服務的 bundle。在 Release 模式下會去加載本地的 bundle，原生中是若是肯定 bundle 的加載路徑的？何時會在 Debug 模式下加載本地的 bundle？在下文中會分別對 iOS 和 Android 原生代碼的中如何肯定…

React Native 開源項目 - 仿美團客戶端 (Android、iOS 雙適配)

推薦 React Native 學習好項目，仿照美團客戶端

一個有經驗的 React Native 和 mobx 融合的腳手架項目

react-native-template-mobx 出自一個深圳的 react native 資深團隊之手, 經歷過一年的完善與打磨. 是作商業級項目很好的開端. 有如下特色:

1. 解決了許多基礎問題, tabbar 的集成, iOS 鍵盤切換問題, 路由設定等.
2. 集成了 Icon, API 等你很是可能須要的組件, 零配置.
3. 使用超級簡單, 利用 react native 0.43 版本支持的 template 技術, 只須要一兩條命令

react-native init xxx --template mobx 便可.

更多內容可到 github 倉庫上查看與關注.

《React Native高效開發》之create-react-native-app

本文爲 Marno 原創，轉載必須保留出處！ 公衆號【 aMarno 】，關注後回覆 RN 加入交流羣 React Native 優秀開源項目大全：http://www.marno.cn 1、面臨問題 從某種程度上而言，目前爲止 RN 只是給擁有 Mac 電腦的開發者提供了跨平…

React-Native 熱更新以及增量更新

React-Native 熱更新以及增量更新

ReactNative 進行 fetch 數據並展現在 listview 中

1.fetch 獲取網絡數據的基本用法
2.ListView 的基本用法
3.RN 中組件的生命週期（有可能）

react native 入門實戰

本文舉一個簡單的例子介紹如何進行 react native 實戰開發，主要從如下幾個方面來進行介紹：如何在 mac IOS 下進行 react native 環境，寫一個簡單的例子，分析 react native 佈局與 web 佈局的不一樣點等。

Android Studio Android 項目內嵌入 React Native 混合開發

Android Studio Android 項目內嵌入 React Native 混合開發

Demo 地址 ： https://git.oschina.net/lydne...

React-Native 學習筆記 - 使用 FlatList 加載網絡數據

使用 FlastList 加載網絡數據

Android 繼承 React Native 遇到的那些坑

照着官方文檔把 React Native 集成到 Android 原生項目，總會遇到各類奇葩問題，這篇文章對集成過程當中遇到的坑，進行了一一解決和說明。

探索 react-native run-ios(android)

咱們都知道 React Navite 在開發的時候，須要在 React Native 根目錄下運行 react-native run-ios(或 run-android)，或者在 Xcode 中運行原生 iOS 項目（對於 Android 則是在 Android Studio 中運行原生 Android 項目…