原文链接：https://blog.bitsrc.io/react-visual-editors-in-2020-de7759d5d592

最好的React可视化编辑器概述及可视化编辑的未来展望。

由于React-dom和React-native，React已经被称为一种“通用语言”，但是最近我们看到了大量的框架和工具，使得使用React为每个设备和平台进行构建成为可能。

React不仅仅是一个JavaScript库。它是一种哲学和方法论。使用React进行构建意味着即使在构建web以外的东西时也要坚持这种思维方式。

最重要的是，现在有一些工具和服务可以让你几乎不用编码就可以创建React应用程序。这是通过一个GUI完成的，它允许您拖放组件来创建应用程序。这些工具提供了基本的工作流程，并允许用户在此基础上创建有趣的应用程序

在本文中，我们将介绍可用于创建React移动应用程序的顶级可视化编辑器。在我们进入这个列表之前，让我们进一步了解一下这个概念，以及它在不久的将来将如何影响我们

低代码应用程序开发

低代码应用程序开发是一个概念，在过去的几年里得到了很大的发展。非开发人员现在可以在不了解编程语言的情况下创建移动应用程序。

到2024年，65%的应用程序开发将是低代码的。

研究表明，这种应用程序开发的味道正在上升，而且不会很快消失。Gartner报告说，到2024年，超过65%的应用程序开发将是低代码的。报告进一步指出，预计近三分之二的知名公司将在其移动应用程序中使用多达四个视觉编辑平台。

2020年已经出现了很多这样的并购事件，比如谷歌在2020年1月收购了广受欢迎的无代码应用开发平台AppSheet，以及2020年4月“appypie”和“appmkr”的合并。Appypie在我们的列表中，我们将在本文后面讨论它。

构建组件与编写应用程序

到目前为止，似乎每个React可视化编辑器都是作为一个独立的平台运行的，但是所有这些都可能发生巨大的变化。

在不久的将来，我们可能会看到React可视化编辑器充当了一个粘合剂，它保存了独立构建（和发布的）React组件和BaaS服务。

像Bit这样的工具和服务使隔离、发布和管理独立的React组件变得更加容易。Bit的组件中心已经有超过36000个开源组件可用。那么，为什么要在可视化编辑器中使用一组有限的组件，而不是访问所有公开可用的组件呢？

这意味着我们可能会看到前端开发人员将更多精力放在构建独立组件上，而较少关注完整的应用程序。他们中的一些人可能更喜欢使用可视化编辑器构建组件（用代码）并将它们组合到一个单独的应用程序中。其他人可能只想坚持为需要定制ui或功能的非开发者app-composer编写代码和进行构建

无代码应用程序开发的好处

除了允许几乎任何人创建移动应用程序而不考虑其编码知识的最显著好处外，无代码应用程序开发还提供了其他一些好处。发展速度排在首位。这些平台可以处理大部分细节，并允许您快速开发应用程序

下一个最重要的好处是，大多数这些平台不需要您拥有开发环境或自己的服务器。你的所有应用配置和数据都将存储在云上。它还将降低管理费用，同时需要一个全面的IT团队

这些平台还将负责许多其他与应用程序开发相关的任务，如升级、与应用程序商店集成以及遵守认证和法规。此外，他们还将提供有关如何构建和增强应用程序以增加收入和其他KPI的专家建议

无代码应用开发面临的挑战

尽管无代码平台很受欢迎，而且在最近的一段时间里也获得了很大的吸引力，但它们并非没有任何挑战。

安全性是这些平台的主要挑战或劣势。事实上，你可能不知道你的应用程序和数据存储在哪里，因此，对它们没有任何控制权，这会导致许多复杂的问题。甚至法律限制也可能适用于某些行业。

没有一个代码平台能够满足大多数企业的需求，至少在一开始是这样。随着您的业务增长，其需求超出了平台，您将无法根据自己的喜好定制应用程序。供应商也可能会为这些定制产品提供高价格的陷阱。

如果您面临上述情况或出于其他原因需要离开平台，您将遇到供应商锁定，即由于供应商代码和技术以及高定价而无法转移到其他服务提供商。

我推荐2020年的React可视化编辑器

appypie appmakr

我们已经谈到了appypie appmakr的合并。其结果是为React移动应用提供了一个多功能的可视化编辑器，受到全球700多万企业的信任。你可以将现有的iOS应用程序快速转换为Android应用程序。这些应用也将提供离线功能。

此外，appypie appmakr将能够为您提供许多本地功能，如推送通知、导航、社交媒体集成、分析和多语言功能。另外两个对企业非常重要的功能是忠诚度计划和优惠券。

你可以放心你的数据在appypie appmakr上的安全性，因为它符合GDPR和AWS上的应用程序，AWS符合HIPAA、PCI和SOC。它还负责将你的应用发布到Android Play Store和Apple App Store。

定价：起价18美元/应用/月（iOS支持仅适用于白金计划-60美元/应用/月）

AppGyver

AppGyver是React应用程序的顶级可视化编辑器。它提供本机性能、数百个逻辑函数、500多个组件、强大的主题引擎，以及在几分钟内集成到API的能力。

AppGyver支持Android和iOS上的一系列设备大小，它提供了一个最直观的拖放编辑器，让您不仅可以创建布局，还可以可视化地创建逻辑。它还提供调试、部署管道、动画引擎、多语言支持、自定义字体和优化的包大小。这是一个成熟的开发环境，但对于非开发人员。

AppGyver夸耀自己的安全性，它用四个优秀的案例研究向用户保证。芬兰国家电力公司和芬兰电力公司的全球电力公司，德国电力公司的全球电力公司。

定价：免费（定制和特殊项目收费）

Draftbit

Draftbit是React原生应用程序的另一个创新的可视化编辑器。它由受欢迎的React native生态系统博览会（React native ecosystem Expo）提供支持，并且是完全开放源代码的，它还提供了一些其他服务提供的好处：零供应商锁定。您的代码完全基于React本机，允许您随时迁移。

首先从适合自己的模板开始，然后对其进行自定义以满足您的需求。Draftbit允许多学科团队在一个共同的平台上协作。一旦你完成了你的应用程序，你会得到很多选择，比如在Android Play Store和Apple app Store上发布，创建一个PWA，以及简单地导出你的代码或Expo源代码。

除了完全基于拖放的可视化编辑器之外，Draftbit还允许您向任何组件或屏幕添加自定义代码，以添加高级行为。它还允许你定义你的主题，并将其应用到整个应用程序中。Draftbit的许多高级功能包括复杂的导航、选项卡和屏幕堆栈、API集成和企业分发。

定价：免费（试用版）

SaaS React App Builder

SaaS React App Builder（RAB）是另一个无需任何编码即可构建React应用程序的绝佳选择。它是一个SaaS解决方案，允许您使用React构建本机应用程序。与许多其他服务不同，RAB允许你自己托管你的应用，让你完全控制它

它还允许您在RAB的云平台、Firebase或Netlify上托管。在云托管计划中，RAB团队将帮助您构建应用程序，并提供登录页和预览应用程序插件（单独收费），直到您的应用程序准备就绪

RAB提供了多种模板，其中包含您的业务可能需要的许多组件。工业女性MK、马其顿能源论坛和ReChat是一些使用RAB的流行应用程序

定价：自托管-一次性140美元，云托管-每月49美元

React Studio

React Studio是为Android和iOS创建响应应用程序的综合平台。它的主要卖点是它允许您创建可视化组件和代码。这一优点使您能够充分利用可视化编辑器和外部组件

响应式进度Web应用程序（PWA）是当前的标准，React Studio为您提供了这一功能，并通过单一平台简化了设计、开发和测试。React Studio将其设计过程称为“代码中的原型”，因为它允许用户创建自己的设计和原型，同时让他们的应用程序与真实世界的数据交互

React Studio还允许开发人员使用干净的React脚手架创建组件。React Studio允许测试人员从一开始就参与其中。这是可能的，因为与典型的应用程序不同，React Studio允许您从原型阶段直接连接到端点和数据源。您也可以连接到Firebase作为后端。React Studio的主要缺点是它只适用于macOS

定价：免费

结论

考虑到最近一段时间对无代码应用程序的需求，出现这么多可视化编辑器也就不足为奇了。需要记住的是，这些可视化编辑器中的每一个都有一组在各种情况下都很重要的独特功能

考虑是否与所需平台兼容、对所使用的操作系统的支持、所需的功能和集成，以及从根本上说是否具有移出平台的灵活性，这一点尤为重要