哈哈,互联网圈本周的大事件是微信公众号关闭 iOS 平台打赏入口,讨论这件事情的文章不少,前端周刊就没有收录相关文章。另外 JS Conf China 2017 已经开始报名,定于 7 月 15 日在上海举行,早鸟票已售罄,想去的抓紧时间报名。回到技术自己,我读到 3 篇很是不错…
css
本篇博客是 React Native 中和 Android 原生交互通讯详情文章
html
基于最新版本 React Native 实现 JsBundle 预加载,界面秒开优化。
前端
公司内几个 APP 已经接入并上线了多个 RN 模块,后续规划的定制化需求及性能优化须要咱们对 RN 底层原理有更深刻的理解。下面经过研读源代码来分析和总结下 Android 中的 RN 实现原理。
html5
当前的 Android 开发中,会使用大量的 h5(html5+css+js), 甚至出现了混合开发模式(Hybrid),使用 Hybrid 开发,h5 页面开发效率高和移植便利性为主。但在一些地方使用 h5 开发的确会不太容易实现,这个时候就须要调用 Java 原生方法来完成,就会遇到 JavasS…
react
React native 之路(七)集成 ReactNative 到已有项目(Android)
android
省去了安装 Android 和 iOS 编译环境费时费力的过程,直接进行 React Native 开发
ios
基于原生主要是针对基于 webview+h5 比较来讲的,基于 H5 的我不想再讨论了,我想尝试的是从 UI 到功能都是原生,而不是用 H5 模拟的所谓原生体验。
git
React Native 中虽然也内置了 XMLHttpRequest 网络请求 API(也就是俗称的 ajax),但 XMLHttpRequest 是一个设计粗糙的 API,不符合职责分离的原则,配置和调用方式很是混乱,并且基于事件的异步模型写起来也没有现代的 Promise 友好。而 Fetch 的出现就是为了解决 XHR 的问题,因此 React Native 官方推荐使用 Fetch API。
github
Hybrid APP 开发:模板本地化
web
本文为 Marno 原创,转载必须保留出处! 公众号【 aMarno 】,关注后回复 RN 加入交流群 React Native 优秀开源项目大全:http://www.marno.cn 1、导读 本次更新亮点: 正式放出了 FlatList 添加支持 alignContent…
React Native 开发的掘金客户端,学习好项目,赶忙上车~
恭喜国足打败韩国~ 给你们讲讲 ListView 的图片加载优化策略 (缓存与加载策略)
咱们都知道在 Debug 模式下,会去加载 JS Server 服务的 bundle。在 Release 模式下会去加载本地的 bundle,原生中是若是肯定 bundle 的加载路径的?何时会在 Debug 模式下加载本地的 bundle?在下文中会分别对 iOS 和 Android 原生代码的中如何肯定…
推荐 React Native 学习好项目,仿照美团客户端
react-native-template-mobx 出自一个深圳的 react native 资深团队之手, 经历过一年的完善与打磨. 是作商业级项目很好的开端. 有如下特色:
react-native init xxx --template mobx
便可.
更多内容可到 github 仓库上查看与关注.
本文为 Marno 原创,转载必须保留出处! 公众号【 aMarno 】,关注后回复 RN 加入交流群 React Native 优秀开源项目大全:http://www.marno.cn 1、面临问题 从某种程度上而言,目前为止 RN 只是给拥有 Mac 电脑的开发者提供了跨平…
React-Native 热更新以及增量更新
1.fetch 获取网络数据的基本用法
2.ListView 的基本用法
3.RN 中组件的生命周期(有可能)
本文举一个简单的例子介绍如何进行 react native 实战开发,主要从如下几个方面来进行介绍:如何在 mac IOS 下进行 react native 环境,写一个简单的例子,分析 react native 布局与 web 布局的不一样点等。
Android Studio Android 项目内嵌入 React Native 混合开发
Demo 地址 : https://git.oschina.net/lydne...
使用 FlastList 加载网络数据
照着官方文档把 React Native 集成到 Android 原生项目,总会遇到各类奇葩问题,这篇文章对集成过程当中遇到的坑,进行了一一解决和说明。
咱们都知道 React Navite 在开发的时候,须要在 React Native 根目录下运行 react-native run-ios(或 run-android),或者在 Xcode 中运行原生 iOS 项目(对于 Android 则是在 Android Studio 中运行原生 Android 项目…