书籍介绍：本书由架构师撰写，包含ReactNative框架底层原理，以及与iOS、Android混合开发案例，精选了大量实例代码，方便读者快速学习。主要内容分为两大部分，第1部分“入门”包括第1~9章，介绍ReactNative框架的基本原理与使用方法；第2部分“进阶”包括第1…

2021 年谈 React Native，在日新月异的前端圈，可能算比较另类了。但是想到写技术文章又不是赶时髦，啥新潮写啥，所以还是动笔写了这篇 React Native 渲染性能优化指南

前言最近在进行RN项目重构，通过查阅各种资料，从RN底层出发，思考总结了一些从react到react-native的性能优化相关问题Performance·ReactNative请先认真查看官方文档（

之前的一篇文章React性能优化方案之PureRenderMixin，是对react的shouldComponentUpdate的方法进行重写去优化。但自从React15.3中新加了一个 PureComponent 类，易于在自己的组件使用，只需要将Component 换成 P…

做过混合开发的很多人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包了一层Native，然后通过Bridge技术使得js可以调用视频、位置、音频等功能。本文就是介绍这层Bridge的交互原理，通过阅读本文你可以了解到js与ios及android底层的通讯原理…

在我们的印象中，React 好像就意味着组件化、高性能，我们永远只需要关心数据整体，两次数据之间的 UI 如何变化，则完全交给 React Virtual Dom 的 Diff 算法 去做。以至于我们很随意的去操纵数据，基本优化shouldComponentUpdate 也懒得…

对于一个简单的APP来说，我们只需要进行JS的开发即可（图中绿色的部分）。但是某些情况下，我们使用一些平台相关的原生能力，这时候就需要做RN原生开发（途中黄色的部分）。比如以下场景： 遇到性能问题或需要特殊的UI动画效果，这种场景我们需要直接使用原生组件来提升性能。 当你掌握了…

React Native本身已经提供很多可用的模块和组件，有一部分我们需要的模块和组件仍然无法直接提供，需要借助原生的代码来提供。封装原生模块和视图导出使用，也可以让React Native拥有android和ios平台的强大生态链和使用众多第三方类库。 原生模块导出相对而言还…

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