本文共 1663 字，大约阅读时间需要 5 分钟。

尊重版权,未经授权不得转载出处:

本周报来自,欢迎微信关注公共号:codedev123.精彩技术文章第一时间推送!

说在前面的话:React Native开发技术周报，主要会涉及React Native最新资讯,React Native教程,技术开发文章,开源项目,工具,视频等等。今天是我们的第二十一期，同时各位朋友有优秀的有关React Native技术开发文章可以发给我。

React Native交流10群:157867561,欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!

(一).技术文章

相信大家学习React Native的初衷，更多的是为了功能代码动态更新，本文带着大家以一种简单的方式实现热更新功能，同时文末附带项目DEMO下载地址。

朋友们学习React Native的时候,如果有一些React.js基础那么肯定会事半功倍的。本书为有一点前端基础的并且是 React.js 零基础的同学而作，帮助他们掌握 React.js 并且灵活地把 React.js 应用到实际项目当中。如果你有一定的 HTML、CSS、JavaScript 基础并且希望学习 React.js，而又觉得 React.js 当中有些概念比难以接受和理解，希望能够从零开始学习，那么本书很适合你。

近端时间有几个朋友一直问我WebView加载本地资源的方法，这篇就给大家主要讲解了一下，还带实例。

本文从多方面比较性能特点，还在犹豫的朋友们可以看看对比效果。

通过研读源代码来分析和总结下 Android 中的 RN 实现原理。图文并茂，直截了当。

清晰明了，教大家怎么样在一个Android原生项目中植入RN模块。

React Native一大魅力之处，就是可以封装原生的模块组件给RN进行使用。

内容简介:今天要跟大家探讨的是 React Native 的拆包及热更新方案，官方并没有很好的支持这一企业十分看中的热更新能力，因此也催生了第三方的热更新方案，如 CodePush 、 react-native-pushy 。由于公司内部有不同的业务线，所以在采用第三方的热更新方案灵活度不够，在调研的初期，我们参考了携程的提到的 jsbundle 拆分和加载优化方案，但这个方案需要改变 React Native 的打包代码及 Runtime 代码，实施难度上非常大，暂无精力深入研究，但这个方案对加载速度提升也是显而易见的。

内容简介:研究RN框架异常的动机在于，我们需要建立起一套针对性的容错机制，毕竟它还是一个不够成熟的框架。期望能够做到的效果就是，对于每一个RN页面的启动，我们能够在进入页面至退出页面期间侦测所有发生的RN相关的崩溃，然后根据崩溃来考虑该页面是否该有降级策略、判断框架是否真的能够支持稳定迭代。

(二).开源项目

实战学习好项目，采用聚合数据API接口，如果使用的时候出现问题，建议大家自己可以申请一下KEY。项目整体风格OK。

Airbnb公司出品的Lottie特效动画封装库，可以直接在React Native平台上面使用。如果大家有兴趣还可以直接去学习Android,iOS版本，同时Airbnb官方还提供了很多现成的动画json文件。

本项目还外带视频，带着大家一步步从搭建项目基本框架开始，实现整个项目功能，非常值得新手学习，重点推荐。

抓取图片数据做的一个简单版本的DEMO APP，新手可以好好看看。

(三).工具

官方推荐开发工具采用Atom外加Nuclide插件，大家可以尝试一下，不过博主还是喜欢用VSCode,大家后面也可以试一下这个哈~

React Native 的社区发展以及在移动开发领域的火热，大大提高了我们学习和实践的热情，不过目前的开发调试模式依然是一边

开着模拟器一边编码，模拟器开启「即时刷新」进行可视化调试。最近 Expo 发布了一个开发时真机即时预览的工具：Expo Sketch。