Javascript 为什么将代码与HTML混合的方式是更好的设计？

如何将代码与html混合使用是一种更好的设计
我们一直在考虑分离HTML+CSS+Javascript，以保持关注点的分离，并提高可重用性和可维护性。
为什么要回去把这些混在一起？
这听起来几乎和撤销环境法规一样好，总有一些人会不折不扣地为之辩护。

你好， 爱你的好奇心， 这是非常有效的，可悲的是，当涉及到当前应用程序的模板构建块中的可重用性时，将所有这些分离开来需要大量维护

这里是一个为什么它是一个更好的设计快速引用

这个有趣的标记语法既不是字符串也不是HTML

它被称为JSX，是JavaScript的语法扩展。我们 建议将其与React一起使用，以描述UI的外观 喜欢JSX可能会让您想起模板语言，但它附带了 JavaScript的全部功能

JSX生成React“元素”。我们将探索如何将它们呈现给 DOM将在下一节中介绍

---

您没有使用带有reacts的后端，因此它几乎只是一个文件中的HTML CSS（其jsx类似于HTML），涉及的人员很少，不像使用map显示数据那样复杂，但您可以使用redux分离更多人员并更好地组织您的应用程序，因为您在3个不同的位置使用操作/简化程序/表单。 用这些方法构建一个项目很容易，但是建立一个项目已经花费了一点时间，**但是如果我们也想要分离HTML/reactjs，那么创建一个基础应用程序需要更多的时间，这是不必要的**

---

创建更多的额外层并不总是好的，因为应用程序将更加复杂，这并不需要

不确定它是否是一个更好的设计，但在React文档的

介绍JSX

部分中，提出了相同的问题：

为什么使用JSX？

React背后的开发人员喜欢在组件中使用JSX的原因是React假设呈现逻辑与事件处理、状态更改等有着密切的关系，因此，与其通过将JSX和逻辑放在单独的文件中来分离这两者，React分离关注点，并将相同的关注点保留在一个称为组件的单元中

React不是通过将标记和逻辑放在单独的文件中来人为地分离技术，而是使用称为“组件”的松散耦合单元来分离关注点，这些单元包含这两个元素。

---

这些文件建议皮特·洪（Pete Hun）重新思考最佳实践，这可能会为讨论带来一些启发：

旧时代的php/html混合语言la Wordpress是不好的，因为它将html作为字符串处理，并且“不知道”它是如何构造的。另一方面，JSX将HTML集成到Javascript中，使两种语言协同工作并遵守彼此的规则。