react的优缺点

简介: react的优缺点

前言

React优点,速度很快、性能好、跨浏览器兼容、代码模块化重用性高、单向数据流、兼容性好;


React缺点,不适合单独做一个完整的框架,本身只是View


一、特点


1.声明式设计:React采用声明范式,可以轻松描述应用。


2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。


3.灵活:React可以与已知的库或框架很好地配合。


4.jsx:JSX 代表 Javascript XML。它是 Javascript 和 Html 的融合。


二、优点

React 速度很快: 它并不直接对 DOM 进行操作,引入了一个叫做虚拟 DOM 的概念,安插在 javascript 逻辑和实际的 DOM 之间,性能好。


跨浏览器兼容:虚拟 DOM 帮助我们解决了跨浏览器问题,它为我们提供了标准化的 API,甚至在 IE8 中都是没问题的。


一切都是 component:代码更加模块化,重用代码更容易,可维护性高。


单向数据流:Flux 是一个用于在 JavaScript 应用中创建单向数据层的架构,它随着 React 视图库的开发而被 Facebook 概念化。


同构、纯粹的 javascript:因为搜索引擎的爬虫程序依赖的是服务端响应而不是 JavaScript 的执行,预渲染你的应用有助于搜索引擎优化。


兼容性好:比如使用 RequireJS 来加载和打包,而 Browserify 和 Webpack 适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。


三、缺点

React 只是 视图层的一个框架,如果需要做其他事情,需要依赖它的生态系统;如处理单页面路由使用 Router,处理数据使用 Redux。变动频繁


相关文章
|
6月前
|
JavaScript 前端开发 API
React 和 Vue的优缺点
React 和 Vue的优缺点
125 6
|
2月前
|
前端开发 JavaScript
React_函数式Hooks和Class比较优缺点
React Hooks与Class组件都能返回JSX并接收props,但Hooks无`this`指向问题,用`useEffect`模拟生命周期,`memo`优化性能,状态更新用`useState`;Class组件通过生命周期方法、`PureComponent`或`shouldComponentUpdate`优化,状态用`this.state`和`this.setState`管理。
33 1
React_函数式Hooks和Class比较优缺点
|
16天前
|
JavaScript 前端开发 数据管理
React和Vue的优缺点
【10月更文挑战第23天】React和Vue的优缺点
9 0
|
3月前
|
前端开发 JavaScript 安全
React与React Native的优缺点
【8月更文挑战第7天】React与React Native的优缺点
61 1
|
6月前
|
JavaScript 前端开发 API
Vue,React,AngularJS,各个优缺点?
【4月更文挑战第10天】Vue、React和AngularJS是三大主流前端框架,各具特色。Vue以其简单易用和组件化深受喜爱,但生态系统相对较小;React以强大的组件化和虚拟DOM技术提供高性能,但学习曲线较陡;AngularJS功能全面,支持双向数据绑定,但学习成本高且可能存在性能问题。选择框架应根据项目需求和技术栈综合考虑。
109 3
|
6月前
|
XML JavaScript 前端开发
React中 Real DOM 和 Virtual DOM 的区别?优缺点?
React中 Real DOM 和 Virtual DOM 的区别?优缺点?
82 0
|
前端开发 JavaScript 开发者
【chatgpt谈前端三大主流框架】React、Vue和Angular的优缺点及如何选择
chatgpt号称无所不能,今天我们就来考考他,让他来对比下React、Vue和Angular。
234 0
|
前端开发
Mixin、HoC、Render props、React Hooks的优缺点分别是什么?
Mixin、HoC、Render props、React Hooks的优缺点分别是什么?
|
6月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
355 0
|
6月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
120 0