React学习笔记01-React的基本认识

合集 - React学习记录(23)

1.React学习笔记01-React的基本认识2023-10-16

2.React学习笔记02-创建React项目2023-10-163.React学习笔记03-编写第一个react应用程序2023-10-164.React学习笔记04-JSX语法2023-10-175.React学习笔记05-类组件2023-10-196.React学习笔记06-函数式组件2023-10-197.React学习笔记07-组件嵌套2023-10-198.React学习笔记08- 组件的样式2023-10-199.React学习笔记09- 事件处理2023-10-2010.React学习笔记10- Ref的应用2023-10-2011.React学习笔记11-状态(state)2023-10-2012.React学习笔记12-循环渲染2023-10-2013.React学习笔记13-小案例toList(状态,状态维护,条件渲染渲染)2023-10-2114.React学习笔记14-dangerousSetinnerHtml指令2023-10-2115.React学习笔记15-setState同步异步问题2023-10-3116.React学习笔记16-属性props2023-11-0317.React学习笔记17-属性VS状态2023-11-0318.React学习笔记18-非受控组件2023-11-0419.React学习笔记19-受控组件2023-11-0420.React学习笔记20-父子通信(子传父)2023-11-0821.React学习笔记21-非父子通信(状态提升)2023-11-0822.React学习笔记22-订阅发布模式2023-11-0823.React学习笔记23-非父子通信(订阅发布模式)2023-11-08

收起

1.React起源与发展

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决

定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源

了。

2.React与传统MVC的关系

轻量级的视图层库！A JavaScript library for building user interfaces

React不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React并不非常认可MVC开

发模式；React 构建页面 UI 的库。可以简单地理解为，React 将界面分成了各个独立的小块，每一个块

就是组件，这些组件之间可以组合、嵌套，就成了我们的页面

3.React的特性

1.声明式设计-React采用声明范式，可以轻松描述应用

2.高效-React通过对DOM的模拟（虚拟DOM），最大限度地减少与DOM的交互

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

4.Jsx-jsx是JavaScript语法的拓展

5.组件-通过React构建组件，使得代码更容易得到复用，能够很好的应用在大项目的开发中

6.单向相应的数据流-React实现了单向响应的数据流，从而减少了重复代码，这也是为什么它比传统数据绑定更简单

4.虚拟DOM

传统DOM更新：

真实页面对应一个DOM树。在传统页面的开发模式中，每次需要更新页面时，都要手动操作DOM来进行更新

 

 虚拟DOM：

DOM操作非常昂贵，性能消耗大，而且代码复杂难以维护。React把真实DOM转换成JavaScript对象树，也就是VirtualDOM