使用React Native开发是否需要重复编码？能否支持浏览器端运行？

原生React Native默认无法在桌面端、移动端的浏览器环境中运行。它的设计目标是将React组件映射为iOS、Android平台的原生UI控件，最终构建产物是可独立安装的移动端App，本身不会输出浏览器可直接解析运行的HTML/CSS/JS资源，因此未做适配的RN项目无法直接作为网页在浏览器中打开。

不需要分别为Web端、移动端做两次完全独立的开发，目前RN生态已经有成熟方案可以实现高比例的代码复用：

• 适配Web端最通用的方案是React Native for Web，它实现了一层组件映射逻辑：在移动端App端依然渲染原生控件，在Web端则会把RN的基础组件（比如View、Text、Image）转换为对应的DOM标签，同时对齐了RN默认的Flexbox布局、手势响应等逻辑。通常除了平台专属能力（比如移动端的系统权限申请、推送唤起，Web端的DOM专属API），业务逻辑、状态管理、通用业务组件都可以跨端复用，整体代码复用率普遍能达到80%以上，仅需要针对少量差异化场景写平台分支代码即可。
• 如果后续还要覆盖Windows、macOS桌面端，也可以搭配对应平台的RN官方扩展，进一步复用同一套业务代码。
• 如果是全新启动的项目，需要同时覆盖App、Web、多端，也可以直接选择基于RN封装的上层跨端框架，这类框架默认已经做好了多端适配，不需要开发者手动整合适配层。

React Native和纯React Web项目存在底层差异：哪怕接入了Web适配层，你也不能在跨端公共代码里直接调用window、document这类浏览器专属API，也不能直接引入依赖DOM能力的Web第三方库，需要做好平台代码的隔离拆分。

内容的提问来源于stack exchange，提问作者Random Programmer