5.28 react 学习笔记

react

react主要特点

  • 声明式
    可以轻松地创建用户交互界面,数据改变时react也可以高效地更新渲染界面。
    以声明式编写UI,可以让你的代码更加可靠,切方便调试
  • 组件化
    创建好拥有各自状态地组建,再有组件构成更加复杂地界面。无需使用模板代码,通过使用Js编写地组建可以更好地传递数据。
  • 一次学习,随处编写
    无论使用什么技术栈,都可以随时引入react开发新特性

JSX

jsx是基于ECMAscript的一种新特性,一种定义带属性树结构的语法

区分大小写 原生HTML元素名 小写开头, react组建名则以大写开头

使用state来更新和修改数据,通关过props来传递数据

react安装

  • react.min.js - React 的核心库
  • react-dom.min.js - 提供与 DOM 相关的功能
  • babel.min.js - Babel 可以将 ES6 代码转为 ES5 代码,这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包(package)一同使用可以让源码的语法渲染上升到一个全新的水平。

缺点

1、编写css样式复杂
2、注释写在花括号中
3、比直接操作dom好,但是代码量太大,不直观
4、jsx设计组件需要花费大量时间,适合于大项目,并且可读性差

Vue的优势是:

模板和渲染函数的弹性选择

简单的语法和项目配置

更快的渲染速度和更小的体积

React的优势是:

更适合大型应用和更好的可测试性

Web端和移动端原生APP通吃

更大的生态系统,更多的支持和好用的工具

然而,React和Vue都是很优秀的框架,它们之间的相似之处多过不同之处,并且大部分的优秀功能是相通的:

用虚拟DOM实现快速渲染

轻量级

响应式组件

服务端渲染

集成路由工具,打包工具,状态管理工具的难度低

优秀的支持和社区

一些个人观点 :vue.js 和 react.js 的比较以及使用感

angular vue react 比较

angular 约束比较多,擅长复炸后台场景和多人操作
vue 比较灵活,适用于简单业务的快速迭代
react 组件化设计的好,可以实现比较好的组件生态进行复用

猜你喜欢

转载自blog.csdn.net/qq_36546825/article/details/85759720
今日推荐