javascript - 为什么 ReactJS 将代码与 HTML 混合的方式是更好的设计?

标签 javascript reactjs architecture

reactjs 将代码与 html 混合的方式如何成为更好的设计?
一直以来,我们都在考虑将 HTML+CSS+Javascript 分离,以保持关注点分离,并提高可重用性、可维护性。
为什么回去把所有这些混合在一起?
这听起来几乎和取消环境法规一样好,而且总会有人竭尽全力为它辩护。

最佳答案

不确定它是否是更好的设计,但在 React 文档的 Introducing JSX 部分提出了同样的问题:Why JSX?

React 背后的开发人员更喜欢在组件中使用 JSX 的原因是 React 假定渲染逻辑与事件处理、状态更改等密切相关,因此与其将 JSX 和逻辑分开放置,不如将这两者分开文件,React 分离关注点并将相同的关注点保存在一个称为组件的单元中。

Instead of artificially separating technologies by putting markup and logic in separate files, React separates concerns with loosely coupled units called “components” that contain both. https://reactjs.org/docs/introducing-jsx.html

文档建议由 Pete Hun 进行关于重新思考最佳实践的演讲,这可能会给讨论带来一些启发:https://www.youtube.com/watch?v=x7cQ3mrcKaY

关于javascript - 为什么 ReactJS 将代码与 HTML 混合的方式是更好的设计?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58046317/

相关文章:

javascript - 如何隐藏鼠标悬停在按钮或链接上时跟随光标的箭头

javascript - 有没有办法制作一个带有 3 个透明框的实心 div?

ios - 如何在PWA中的ios中访问摄像头和耳机( react )

c++ - 组织客户端-服务器游戏中的代码

javascript - 范围内 JS 日期对象的百分比

javascript - 在 JavaScript 中使用 "address string"从 json 对象获取字段

javascript - 如何动态命名数组以在其上映射

javascript - 使用 React useContext 和 useReducer 时出现 Typescript 错误

c# - 架构/设计模式问题

python - 存储站点/的恒定数据