1、react由来

这是一个很抽象的标题。这个框架是一个外国人设计的，具体是谁设计的，无非大事。但正如业界评价的那样，这个框架在一些地方表示的很抽象。

2、JSX语法

什么是JSX?它怎么不叫JSS、JSH、JSY呢?这不是我们关心的，它叫上什么名字无伤大雅，好用就行了。但它真的好用吗？这个只能让用过的人来说下，我用的少，也不好说。JSX是react独特的语法，可以称之为js语法的扩展，该语法经编译为js代码后会进行优化。这时候就不得不提编译原理了，这个怎么优化的，也不是很清楚，目前水平没到那。如果是java框架你可以在IDE上查看、浏览、调试源码。这个目前不知道怎么调试。

3、组件

组件是react的特色，和vue组件概念有些类似，也和面向对象等也有些类似，可以说都适合拆解复杂页面、复用代码。正是有了组件，才有了组件生命周期、组件的创建、组件之间的通信。这三者是较重要的。

3.1、组件创建

函数式组件

顾名思义，是一个函数式组件。这里提出几个问题。类组件能干的函数式组件能干不?有无生命周期?它能干什么?它适合干什么?

了解以上之后，就开始了解怎么写一个函数式组件了。能不能写成lamda表达式?

类组件

顾名思义，单独放一个文件的组件。

3.2组件状态

这个词语有些抽象。组件还有状态了??啥状态?直接说界面渲染的数据不好吗?通过这个useState姑且称之为函数可以更改数据，视图变化过程中无需修改dom。有些钩子函数可以在挂载和卸载过程中调用。

3.3、组件间的通信

举个例子，什么是通信，有2个组件，分别是母组件、子组件表单，父组件的数据想给子组件，用户在子组件修改的数据想传给父组件。这个时候怎么办?

4、事件处理