分享个人经验和技术

只有一个html文件 主流的开发模式变成了通过路由进行页面切换优势: 避免整体页面刷新 用户体验变好缺点：前端负责事情变多了 开发的难度变大。

Hooks 的本质：一套能够使函数组件更强大，更灵活的“钩子”React 体系里组件分为 类组件 和 函数组件经过多年的实战，函数组件是一个更加匹配 React 的设计理念 UI = f(data)，也更有利于逻辑拆分与重用的组件表达形式，而先前的函数组件是不可以有自己的状态的，为了能让函数组件可以拥有自己的状态，所以从 react v16.8 开始，Hooks 应运而生有了 hooks 之后，为了兼容老版本，class 类组件并没有被移除，俩者都可以使用。

组件是独立且封闭的单元，默认情况下组件只能使用自己的数据（state）组件化开发的过程中，完整的功能会拆分多个组件，在这个过程中不可避免的需要互相传递一些数据为了能让各组件之间可以进行互相沟通，数据传递，这个过程就是组件通信。

概念：JSX是 JavaScript XML（HTML）的缩写，表示在 JS 代码中书写 HTML 结构作用：在React中创建HTML结构（页面UI结构）采用类似于HTML的语法，降低学习成本，会HTML就会JSX充分利用JS自身的可编程能力创建HTML结构tips：JSX 并不是标准的 JS 语法，是 JS 的语法扩展，浏览器默认是不识别的，脚手架中内置的包，用来解析该语法。