当调用 setState 时，React会做的第一件事情是将传递给 setState 的对象合并到组件的当前状态。 这将启动一个称为和解（reconciliation）的过程。 和解（reconciliation）的最终目标是以最有效的方式，根据这个新的状态来更新UI。 为此，…

经历了三个多月的集中开发，阅文集团旗下二次元产品「元气阅读」APP 终于在各大应用商店上架了。「元气阅读」APP 大部分的功能模块基于 React Native 开发，整个开发过程前端团队趟了不少 React Native 的坑，同时也积累了不少实践心得，与大家一起分享。 在使…

当我点击我的tab时会跳转到MinePage，当想要从MinePage页面跳转到其他页面（个人信息页面等）时。却行不通了 如果文章中有错漏处，请看官们指正 如果觉得文章不错的话，请点个赞吧。

翻译中有部分是意译。 最近几年，React Native已经成为最流行的移动端App开发框架之一。解决了很多开发者经常思考的问题：应该使用原生开发客户端app，还是使用web开发Hybird app。 使用RN开发需要web方面的知识和React经验，因为它基本是基于React…

require定义的代码块，找到 __d 定义的代码块并执行，其中require中的数字即为 __d定义行中最后出现的那个数字。 从上述源码也可以看出，系统使用整数型的方式，从0开始遍历所有模块，并依次使 Id 增加 1。所以我们可以修改此处逻辑，以模块路径名称的方式作为Id即…

本文基于 React Native 的实践项目进行总结， 该项目基于 React Native 和 H5 在开发效率、功能性能、用户体验等方面的差异性，对功能模块进行精心设计，主要基于我们现在实际项目的业务，结合移动端特有的特性。 本文围绕 React Native 项目的环境…

在ReactNative启动完成之后，就会加载jsbundle中的js代码，进入js层渲染。 对 DOM 的操作很耗时，使用 JS 对象来模拟 DOM Tree，在渲染更新时，先对 JS 对象进行操作，再按批将 JS 对象 Virtual Dom 渲染成 DOM Tree，减少…

code-push在首次热更的时候会下载完整的Bundle压缩产物，非首次热更的时候会增量资源(diff图片).jsbundle文件还是完整的。 通过观察我们的热更包首次已经达到了20mb(已经是压缩后的)是一个很恐怖的事情。 用户在弱网的环境下失败几率就会增大，并且不能及时热…

近期和一些朋友聊到了 React-Native 的官方重构状态，而刚好近期发布的 0.59.x 系列版本中，上层设计出现了比较大的调整，结合体验之后的状态，就想聊聊 React-Native 的现状、新版本的升级体验、还有新支持的 React Hook 等特性。 本篇并不是源码…