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

Question

嗯，我担心，这可能会变成一般意见问题，可能会被版主拒绝。我只能请求，在标记问题之前让我得到一些答案。我认为这是解决这个问题的最佳平台。

几个星期前我进入了ReactJS世界。我见过很少有令人印象深刻的视频和教程。现在我对React不太熟悉了，我决定制作一个应用程序，然后我就能用它和Flux制作一个Todo App。

在开发这个应用程序时，我经历了各种各样的疑问，我将在下面提出这些问题。

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

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

Answer 1

是的，你可以使用任何反应库。即使你可以使用角度与反应。我会说 Angular + React = Speed

您可以根据状态变量隐藏/显示类。 React将仅更新状态已被修改的组件，这就是反应速度快的原因。

Answer 2

1. jQuery不能与ReactJS一起使用，因为jQuery与物理DOM交互并在处理大量html时使性能变慢（例如，在表中绑定1000行）。而ReacJS则完全相反。它保留了DOM的虚拟副本，只修补了物理DOM的实际更改，从而大大提高了性能。

2. 您可以使用状态变量来管理show / hide元素或根据任何条件添加/删除类。当您更改state的值时，ReactJS将重新呈现相应的组件并将更改更新为浏览器（如果有）。

3. Flux和Redux是管理React组件状态的架构，并提供与其他React组件通信的无方向数据流。

4. 就ES5而言，使用ReactJS没有任何限制。但是，ES6为您提供了更多面向对象的范例，ES5缺乏这种范例。是否使用ES5或ES6

取决于您

在开发真正的单词应用程序时，ReactJS没有复杂性。最初，ReactJS似乎有点复杂，因为它有非常不同的概念。但是，当您熟悉ReactJS时，您将意识到React如何快速，可扩展且易于实现。