带有 ReactJS 的 WordPress：盈利还是亏损？

已发表: 2019-01-31

目前，WordPress 因其最新版本的 Gutenberg 编辑器的块编辑功能而在全球范围内获得好评。 这个编辑器令人惊讶的部分——ReactJS 用作后端。 ReactJS 通过利用像 Node 和 React 这样的库，引入了 Calypso，这是一个令人难以置信的快速和 API 驱动的界面，它完全用 JavaScript 编写，让 WordPress 开发人员社区感到惊讶。

基本上，react 是一个库，它提供了一种定义 UI 组件的声明性方法，例如 ReactDOM，它是一个提供渲染和 DOM 差异的组合库，而 React-Redux gum 提供了 React 和 Redux 之间的粘合剂作为数据存储。 通过使用 Javascript，React Native 让您可以构建移动应用程序，还可以从声明性组件编写丰富的移动 UI。 React 在 Airbnb、Dropbox、支付宝、Netflix、Facebook 等大品牌中非常受欢迎，因为它易于使用且方法灵活。

在其发布时，这在 PHP 开发人员中引起了轰动，因为必须学习 JavaScript 以利用新提出的技术堆栈。 但是使用 Gutenberg 编辑器，使用不同的库变得非常容易。 从产品策略的角度来看，使用 React 继续开发对 WordPress 开发人员来说确实很有意义，但您可能还想知道为什么首先选择 React。

让我们看看在做出初步决定后使用 WordPress 和 ReactJS 的一些优点和缺点。

使用 React 的优点

  • 1 允许重用代码组件

任何 ReactJS 开发人员可以获得的最大优势是重用现有的组件，从而忘记一般的升级难题。 所有组件都是隔离的，如果您对第一个组件进行更改，这种更改不会影响另一个组件。 这种重用组件的特性可以通过使开发人员的编程更加精确和准确来提高生产速度。

  • 2 易于书写

有过 HTML 编写经验的开发人员在使用 JSX 编写带有插值的 React 模板时会发现极其相似。 HTML 直接在您的 Javascript 组件代码中，看起来与 Mustache 模板相同。 如果您希望将所有标记、样式和功能放在一个地方，那么 React 被认为是非常灵活的，因为它在未来提供了便利和极端的模块化。

  • 3 更快的速度

WordPress 开发人员无需担心之前渲染过的内容还是第一次渲染。 认为 React 渲染是不可变的，它以完全相同的方式进行一个组件的第一次渲染和第十五次渲染。 当状态发生变化时，Redux 会重新渲染页面上的相关组件。

  • 4 单独的数据和表示

WordPress 使用 REST API 让数据到达 Redux 和 React，因为它允许数据和表示完全分离。 当您将尽可能多的数据放在 Redux 存储中时，它通常会提供最佳结果，因为您在新渲染中丢失的任何内容都可能进入 React 状态。 因此，React 提供的不仅仅是短期存储的表示层。

  • 5 简单框架

WordPress 开发人员承认发现 ReactJS 比许多框架或库更容易使用。 借助基本的编程知识，您可以创建和支持专业的移动和 Web 应用程序。 此外，JSX 的唯一语法名称允许 Javascript 和 HTML 的组合。

使用 React 的缺点

  • 1 鼓励构建工具

React 社区强烈推荐所有前端应用程序的构建工具，但强烈建议使用最简单和体面的工具。 对于最简单的应用程序，您通常需要在“package.json”文件中使用 shell 脚本。 例如，您可以使用 Gulp 之类的工具来为更复杂的应用程序管理更多任务。 此外，Browserify 和 WebPack-Dev-Server 对于构建工具很重要，这些工具可以在命令行界面中使用 NPM 脚本，而不会使事情变得不必要的复杂。

  • 2 禁止许可

如果您希望您的项目更安全、无错误并使用最新功能进行升级，那么选择许可软件始终是更好的选择。 即使是 Automattic 或 WordPress 团队也决定使用 React，尽管他们知道限制性许可几乎让他们在重写 Gutenberg 和 Calypso 时松了几个月。

  • 3 React 不是一个框架

当开发人员想要快速工作时，React 可能会非常令人沮丧。 例如，如果您有客户提出更多项目并按时完成，那么使用 React 可能会非常令人沮丧。 React 被认为有点复杂，因此你不能指望在处理它时节省时间。

  • 4 React 仍处于开发阶段

React 约定社区仍在发展中，因为当变化非常快并且没有时间固化为通用实践时，会出现更替问题。 虽然反应更改或更新通常每月发生一次，这使得任务变得困难，因此项目无法在正确的时间使用最新功能进行配置。

结论

WordPress 开发人员可以从 React、Angular 和 VueJS 中选择多种框架和库。 在为他们的项目选择合适的框架时，开发人员似乎有些困惑。 由于变体库有多种用途，例如，WordPress 作为构建移动应用程序的后端，VueJS 用于简单的单页应用程序或 Angular2 和 TypeScript，根据您的客户需求和项目要求。

WordPress 用户热衷于通过使用 React 在网站上尝试一下，看看它为他们的项目提供的纪念性积极影响。 在设计自定义网站方面，WordPress 一直处于领先地位，因为它允许用户拥有过多的功能，并通过根据需要进行定制使它们独一无二。 最后，这完全取决于您希望如何使用最佳选项自定义项目。

作者简介：

Olivia Diaz 在 eTatvaSoft.com 工作，这是一家企业级移动和 Web 应用程序开发公司。 作为一名科技极客，她密切关注行业趋势，关注最新的科技新闻和小工具。