哈哈，互联网圈本周的大事件是微信公众号关闭 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 一、导读 本次更新亮点： 正式放出了 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 一、面临问题 从某种程度上而言，目前为止 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 项目…