在混合开发模式下，我们不可避免的需要和原生平台进行数据的通信，那么在 RN 中，我们如何与原生平台进行通信呢？如何获取原生平台提供的数据或将数据传递给原生平台呢？下面这张图便介绍了这一流程。
在 RN 中，我们可以引用 react-native 模块中的 NativeModules API 来进行数据通信，调用的方法是 NativeModules.模块名称.接口名称，而原生平台返回数据到 RN 平台是基于回调，代码如下：
import { NativeModules } from 'react-native'; const userInfo = NativeModules.UserInfo; // 获取自定义用户信息模块 console.log(userInfo.userName); // 打印用户名 const router = NativeModules.Router; // 获取自定义路由模块 // 调用原生路由跳转方法 router.openHome('参数', (res) => { console.log(res); // 打印返回数据 });通过 NativeModules 我们可以灵活的获取或传递数据给原生平台，同时我们也可以根据业务需要编写不同的 Bridge 方法来实现数据通信模块的封装，比如用户信息模块、路由跳转模块及网络请求模块等。
6. Redux 架构在 RN 项目中，除了与原生平台通信和交互的功能外，RN 平台自身也需要实现一些数据状态的管理。这里我们还得认识下 Redux 架构。
Redux 是一个用于管理 React 应用状态的容器，在 RN 中也同样适用。其采用单一数据流的方式来实现数据的管理，唯一改变 state 的方法是提交 action 操作。这样的架构使得我们的 RN 项目数据易于维护或扩容，改变数据的流程容易追踪和捕获。需要了解的具体关键字如下：
具体文档可以参考：
当然你也可以使用其他第三方库实现类似的架构，比如 mobx、dva 等。
除了 Redux 架构，RN 中还加入了 CSS in JS 的概念，将原本关注点分离的理念转移到了关注点混合上，使得我们可以在 JS 中写 CSS 代码，但这并不违背之前关注点分离的理念。
现在随着组件化概念的流行，对从组件层面维护 CSS 样式的需求日益增大，CSS-in-JS 就是在组件内部使用 JavaScript 对 CSS 进行了抽象，可以对其声明和加以维护。这样不仅降低了编写 CSS 样式带来的风险，也让开发变得更加轻松。它和 CSS Modules 的区别是不再需要 CSS 样式文件。
结合 JSX 语法，在 RN 中书写和维护 CSS 变得更加便捷，也是 Web 组件化不断发展的必然产物。
8. React Native 中 的 Flex 布局另外，在开发 RN 项目时，官方推荐使用的布局方式是 Flex 布局，因为 Flexbox 可以在不同屏幕尺寸上提供一致的布局结构，这也解决了跨平台布局呈现的问题。
相比我们客户端使用的 Flex 布局，RN 中的 Flex 布局有稍许的不同，比如 flexDirection 的默认值是 column 而不是 row，flex 也只能指定一个数字值等。关于 Flex 布局的介绍可以参考：Flex 布局教程：语法篇、Flex 布局教程：实例篇
9. React Native 的热部署最后我们介绍下 RN 中的热部署，这也是选择 RN 开发 APP 的一个重要原因之一。相比传统 APP 更新，大都需要第三方审核的流程，而这个流程可能会很慢或者不及时，遇到需要紧急修复的 bug 无法及时更新而导致直接的经济损失是很常见的问题，而 RN 的热部署可以一定程度上解决或减轻这一问题的影响。那么其实现原理是怎样的呢？