前言

React官网: https://zh-hans.react.dev/

React是用于构建用户界面的JavaScript库, 将数据渲染为HTML视图的开源JavaScript库

简介

由Facebook开发且开源

1. 起初由Fackbook的软件工程师Jordan Walke创建
2. 于2011年部署于Facebook的newsfeed
3. 随后在2012年部署于Instagram
4. 2013年5月宣布开源

近十年陈酿, React正在被腾讯, 阿里等一线大厂广泛使用

为什么要学习 React

原生JavaScript的痛点:

1. 原生JavaScript操作DOM繁琐, 效率低
2. 使用JavaScript直接操作DOM, 浏览器会进行大量的重绘重排
3. 原生JavaScript没有组件化编码方案, 代码复用率低

React的特点:

1. 采用组件化模式, 声明式编码, 提高开发效率且组件复用率
2. 在React Native中可以使用React语法进行移动端开发
3. 使用虚拟DOM ➕ 优秀的Diffing算法, 尽量减少与真实DOM的交互

React 高效的原因

1. 使用虚拟DOM, 不直接操作页面上的真实DOM
2. DOM Diffing算法, 最小化减少页面重绘

学习要求

学习React之前需要掌握的JavaScript基础知识

1. 判断this的指向
2. Class类
3. ES6语法规范
4. npm包管理器
5. 原型, 原型链
6. 数组常用方法
7. 模块化