React Native 三端同构实践

⚠️ 博客中涉及的代码内容可查看 Github: react-native-isomorphism

React Native三端同构皆在️在不改动 React Native 代码下,公用一套代码架构, 在浏览器中实现同样的展示、交互、功能。

在实际开发过程中, 尤其创业公司, 需求的迭代周期是非常快的, 并且由于人力成本等因素, 单独为每个平台实现一套代码的代价是极大的。如何实现一套代码多端平台运行,就变得非常重要。而 React Native 三端同构就能轻松解决这个问题。同时, 可以使开发者花费更多的时间在功能开发上, 保证了开发团队轻、快、高的目标实现。

实现原理

做过 react-native 开发的同学肯定对 react-native 的框架不陌生, react-native 是基于 React 实现,基于React封装了一套可在Android、iOS平台同时运行的组件。经过 编译、解析、 render 后会以虚拟 DOM 的形式存储在内存中, 所以基于 React Dom 我们可以实现对应平台的不同实现

React Native 三端同构实践_第1张图片

目前业界提供了几种实现方式:

reactxp

支持 ios、android、web、windows 。提供的api 较少, 平台支持度不高

JD Taro

taro 不仅

你可能感兴趣的:(React,Native,实践进阶)