在 ReactJS 中开发真实世界应用程序的正确方法是什么答案

【问题标题】：What is the proper way of developing a real world application in ReactJS在 ReactJS 中开发真实世界应用程序的正确方法是什么
【发布时间】：2017-01-19 06:00:27
【问题描述】：

恐怕，这可能会变成一个普遍的意见问题，并且可能会被版主拒绝。我只能请求，让我在标记问题之前得到几个答案。我认为这是解决此类问题的最佳平台。

几周前我进入了ReactJS 世界。我看过一些真正令人印象深刻的视频和教程。现在我对 React 不太熟悉，我决定制作一个应用程序，并且我能够用它和 Flux 制作一个小的 Todo 应用程序。

在开发此应用程序时，我遇到了各种疑问，我在下面提出问题。

在 React 中使用像 jQuery and _.js 这样的库是否良好、安全和可行。如果没有，是否有任何 React 推荐用于各种 JS 实用程序的库。
如何在 React 中操作 DOM，比如我必须从各个节点到 show/hide, add/remove 类。我该怎么做？
目前，我知道 Flux (EventEmitter, Dispatcher) 使用 JS 导入导出来维护我的应用程序中的数据模块化。这是唯一的方法吗。 react 不能很好用 ES5 吗？

我目前来自 Angular JS 世界。在 React 中制作现实世界的复杂应用程序会有多大不同？

【问题讨论】：

标签： javascript reactjs web-applications

【解决方案1】：

是的，您可以使用任何带有 react 的库。甚至你也可以使用 Angular 和 react。我会说 Angular + React = 速度

您可以根据 react 中的状态变量隐藏/显示类。 React 只会更新状态已被修改的组件，这就是 react 快速的原因。

【讨论】：

【解决方案2】：

jQuery 不能与 ReactJS 一起使用，因为 jQuery 与物理 DOM 交互并在处理巨大的 html 时降低性能（例如，在一个表中绑定 1000 行）。而 ReacJS 有完全相反的概念。它保留 DOM 的虚拟副本，仅修补物理 DOM 的实际更改，从而显着提升性能。
您可以使用状态变量来管理显示/隐藏元素或基于任何条件添加/删除类。当您更改 state 的值时，ReactJS 将重新渲染相应的组件并更新浏览器的更改（如果有）。
Flux 和 Redux 是用于管理 React 组件之外的状态并提供单向数据流以与其他 React 组件通信的架构。
就 ES5 而言，在 ReactJS 中使用它没有任何限制。然而，ES6 为您提供了更多 ES5 所缺乏的面向对象的范例。使用 ES5 还是 ES6 由您决定

在开发真正的应用程序时，ReactJS 并不复杂。最初，ReactJS 似乎学起来有点复杂，因为它有非常不同的概念。但是，当您熟悉 ReactJS 时，您会意识到 React 是如何快速、可扩展和更容易实现的。

【讨论】：