试图理解React的范式

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

在那里的网站" 反思中的思考 "一节中,他们指出UI应该在小型组件中分解.这样做的一种方法是使用单一责任原则的技术.

这个范例也是HTML(JSX),CSS(内联样式)和JavaScript应该放在一个文件中的原因吗？

在包含HTML(JSX)的方式中,同一文件中的CSS和JS更多的是关注点的分离而不是单一的责任.React组件的关注点是向屏幕呈现一小部分信息,并且HTML(JSX),CSS和JS都需要这样做,因此它们是这个问题的一部分.

其他思想流派会将这些因素视为不同的问题,因此这是一个如何解释模式的问题,而不是具有明确正确答案的问题.

2013年,Pete Hunt在JSConf EU上专门讨论了关于React的忧虑问题,你可以看到这里的视频,并从这个演示文稿中阅读幻灯片.除了关注点的分离之外,该演示文稿还讨论了如何将组件的所有元素放在同一个文件中,以增加内聚力并鼓励松散耦合.

在同一个文件中包含HTML(JSX),CSS和JS的实际结果是,您只需要查看一个文件即可完全理解组件的行为.这使得更容易完全理解组件并有助于可重用性,尤其是第三方.

Facebook的克里斯托弗Chedeau谈到为什么他们推荐在NationJS 2014年把CSS与你的阵营组件 这是谈的视频和这个幻灯片甲板.