React在前端的重要性

一、React在前端的重要性

1.1、React基本介绍

官方React定义：

前端三大框架：Vue/React/Angular市场占有率

React的重要性

1.2如何系统的学习React

官方文档

二、邂逅React开发

2.1React介绍及特点

1. 声明式编程
2. 组件化开发
3. 一次学习，多平台适配

2.2Hello React

2.2.1React有三个依赖

1. React
2. Reacr-DOM
3. Babel

2.2.2.通过普通的方式实现案例

没有封装组件，直接通过默认逻辑实现案例

2.2.3通过封装App组件实现案例

class App extends React.Component{}

2.2.4数据放到哪里：constructor

constructor() { super() this.state = { message: "Hello World" } }

2.2.5绑定方法：this

2.3.案例二：电影列表渲染

2.4案例三：计数器案例

三、JSX的细节语法

3.1对JSX定义及思想

为很么React选择JSX编写？

3.2JSX的书写规范

• 必须有根元素
• 推荐使用()包裹
• 单标签或双标签

3.3JSX的注释写法

3.4JSX的插入子元素

• Number/String/Array类型时可以直接显示
• undefined/null/Boolean类型时，内容为