Reactjs 试图理解React的范式

我正在为我的大学写一篇关于React的文章，并试图了解它的全部内容

在网站的这一部分，他们指出UI应该分解成小的组件。这样做的一种方法是使用的技术

---

这也是为什么HTML（JSX）、CSS（内联样式）和JavaScript应该放在一个文件中的原因吗？

在某种程度上，将HTML（JSX）、CSS和JS放在同一个文件中不仅仅是一个责任。React组件的关注点是向屏幕呈现一小部分信息，而HTML（JSX）、CSS和JS都需要这样做，因此它们是关注点的一部分

其他思想学派将这些因素视为不同的关注点，所以这是一个关于如何解释模式的问题，而不是一个具有明确正确答案的问题。

皮特·亨特（Pete Hunt）在2013年的JSConf EU会议上特别谈到了将关注点与React分离的问题。除了分离关注点之外，该演示还讨论了如何将组件的所有元素放在同一个文件中，以增加和鼓励关注点

在同一个文件中包含HTML（JSX）、CSS和JS的实际结果是，您只需查看一个文件即可完全理解组件的行为。这使得更容易充分理解组件和辅助工具，尤其是第三方

---

Facebook的克里斯托弗·切多（Christopher Chedeau）谈到了为什么他们建议在NationJS 2014上将CSS与React组件结合起来。和。

感谢您提供详细的答案和包含更多信息的外部链接！