无涯教程网

AngularJS 与 ReactJS

发布于01月26日

我正在决定将哪个JavaScript框架用于我的新web应用程序.

https://www.codementor.io/reactjs/tutorial/react-vs-angularjs

有没有真实的经验或比较，说明两者的利弊？

在相同的例子中，两个框架的优缺点如何比较

Example:我在一张表格中列出了公司的名单.每一行是一家公司，每一列是关于该公司的一些信息(姓名、地址、员工人数……)有很多条目，我需要做一些分页和排序(服务器端)

推荐答案

我对React有一定的经验，但基本上对Angular没有经验.所以我要说的是我从其他人那里读到的东西.

React

Pros

易学
隔离组件更容易维护
"总是重新呈现"的react 方式很好，可以让事情变得复杂时更容易理解
Flux是MVC模式的一个很好的替代品.单向数据流有助于提高可维护性，并保持数据和DOM元素的一致性.与不变的结合.JS数据 struct ，这是蛋糕上的 cherry :)

Cons

不能很好地使用DOM操纵库(例如:jQuery)
它确实改变了你做事的方式，尤其是当你使用Flux时，这很好，但需要一点时间来适应.
我发现在某些情况下，当组件在渲染方法上处理一个 Big Data 集时，每次重新渲染都会减慢应用程序的速度.在这些情况下，优化性能可能会变得有点棘手.

Angular

Pros

良好的文档
社区成员很有帮助(在这里很容易找到好的答案).
双向数据绑定使一些事情非常容易实现

Cons

性能问题:要进行双向数据绑定，必须判断数据模型中的更改.它还必须解析你的HTML，让它发挥神奇的作用.这会减慢速度，而且，如果应用程序在移动设备上运行，它会更快地耗尽电池电量
跨HTML和JS的逻辑:代码更难理解、维护和调试.
v2来解决一些问题，但使所有v1代码过时

Reactjs相关问答推荐

重定向React路由中没有根文件夹的所有路径匹配

如何通过浏览器路由在单独的.jsx文件中使用MUI抽屉？

在一个blog函数中调用setState钩子

如何在与AntD的react 中限制文件上传和显示消息？

GoLang有条件地为.js.gz提供服务(如果它存在)，否则为.js

如何在MUI x图表条形图上放置圆角？

为什么我的react 简单计时器项目不起作用？

在 React 中是否有任何理由要记住 Redux 操作创建者？

如何更新 FunctionComponentElement 的 props

在React中使用if条件时如何更改Tailwind中元素的文本 colored颜色

将 useRef 与 useImperativeHandle 一起使用时，React 不会重新渲染

我可以在加载器函数中多次 fetch() 并使用一次 useloaderdata() 提取它吗？

useEffect内部的RETURN语句在首次按钮点击事件中似乎无效的原因是什么？

基于 React/NextJS Timer 的文本淡入/淡出不起作用

运行 npm run build 出现问题

使用 map 循环浏览列表列表中的列表并显示它们

如何在悬停时更改 MUI 卡内容

ReactJS：在导航栏中使用 Select inside Link 组件时如何避免重定向？

在 React 中，为什么在使用 addEventListener 时外部元素上的 onclick 事件监听器在内部元素的 onclick 事件监听器之前执行？

react 路由dom没有路由匹配位置错误/在路由中制作组件

实用课程推荐

相关教程推荐