react 学习笔记
react 的图标
react 简介
react
是由Facebook
开发的一个JavaScript
库react
不是一个框架- 提供
视图层
的渲染 - 简单 —> 学习简单,代码简单
- 声明式 —> 编程 :自动
DOM
操作
常见的两种编程方式:命令式和声明式
·命令式编程:命令“机器”如何去做事情(how),这样不管你想要的是什么(what),它都会按照你的命令实现。
声明式编程:告诉“机器”你想要的是什么(what),让机器想出如何去做(how)。
react 核心
- 组件化:设计组件目的 —> 提升代码的可复用性、降低测试难度和代码复杂度
提高代码复用率:组件将数据与逻辑封装起来
降低测试难度:组件高内聚低耦合,很容易对单个组件进行测试
降低代码复杂度:使用
JSX
语法,更加直观的在js
文件中看HTML
代码, 提高可读性
视图层 —> V 层
MVC 结构
: Model View Controller
react的发展历程
- 2013年5月,
Facebook
官方发布React
- 2013年9月,
React
的热度开始上涨 - 2015年3月,
ReactNative
发布 - 2017年4月,
ReactVR
发布
截止目前为止,react 的版本已经是
17.0.2
react 官方文档
react 诞生的原因:当时 Facebook 需要去解决一个数据变化的问题,开发过程中或者说是构建项目的过程中,一个大型应用的数据变化会导致很严重的问题, 由于当时互联网中并没有任意一个框架能够去满足 Facebook 的需求,因此 Facebook 的团队决定自己去研发一套框架或是JavaScript库
数据变化
- 存在大量的
DOM
操作 - 代码逻辑复杂
react 环境搭建
-
在
HTML
上编辑,需要下载react.js
与react-dom.js
-
使用
JSX
语法,需要使用相关的插件,eg: browser.js
react.js : react 的核心库
react-dom.js : 提供操作DOM
相关的功能
browser.js : 将JSX
语法 转换成JavaScript
语法
三者之间存在着依赖关系:
browser.js
依赖于react-dom.js
, 而它依赖于react.js
学习总结
框架
即是一套解决方案