Android混合开发

前端周刊第 52 期:JS Conf 2017 开始报名、苹果腾讯开战、React Native 周边

哈哈,互联网圈本周的大事件是微信公众号关闭 iOS 平台打赏入口,讨论这件事情的文章不少,前端周刊就没有收录相关文章。另外 JS Conf China 2017 已经开始报名,定于 7 月 15 日在上海举行,早鸟票已售罄,想去的抓紧时间报名。回到技术自己,我读到 3 篇很是不错…

css

React Native 与 Android 原生通讯交互详情

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

html

最新版本 React Native 实现 JsBundle 预加载,界面秒开优化

基于最新版本 React Native 实现 JsBundle 预加载,界面秒开优化。

前端

20 分钟理解 React Native For Android 原理

公司内几个 APP 已经接入并上线了多个 RN 模块,后续规划的定制化需求及性能优化须要咱们对 RN 底层原理有更深刻的理解。下面经过研读源代码来分析和总结下 Android 中的 RN 实现原理。

html5

Android-Java 和 JavaScript 相互调用

当前的 Android 开发中,会使用大量的 h5(html5+css+js), 甚至出现了混合开发模式(Hybrid),使用 Hybrid 开发,h5 页面开发效率高和移植便利性为主。但在一些地方使用 h5 开发的确会不太容易实现,这个时候就须要调用 Java 原生方法来完成,就会遇到 JavasS…

react

React native 之路(七)集成 ReactNative 到已有项目(Android)

React native 之路(七)集成 ReactNative 到已有项目(Android)

android

免安装 Android 和 iOS 编译环境,直接进行 React Native 开发

省去了安装 Android 和 iOS 编译环境费时费力的过程,直接进行 React Native 开发

ios

基于原生的移动跨平台研究和实践

基于原生主要是针对基于 webview+h5 比较来讲的,基于 H5 的我不想再讨论了,我想尝试的是从 UI 到功能都是原生,而不是用 H5 模拟的所谓原生体验。

git

React Native 网络请求封装:使用 Promise 封装 fetch 请求

React Native 中虽然也内置了 XMLHttpRequest 网络请求 API(也就是俗称的 ajax),但 XMLHttpRequest 是一个设计粗糙的 API,不符合职责分离的原则,配置和调用方式很是混乱,并且基于事件的异步模型写起来也没有现代的 Promise 友好。而 Fetch 的出现就是为了解决 XHR 的问题,因此 React Native 官方推荐使用 Fetch API。

github

Hybrid APP 开发:模板本地化

Hybrid APP 开发:模板本地化

web

【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 项目…