React从入门到进阶(一)

Question

如题所述

Answer 1

前言：
react 和 react native的区别？

react 就是最全面的react脚手架
react native是专门写移动app的。
一、使用npm 配置react开发环境
1、 项目初始化

2、安装必要的包

******************************************华丽分割线******************************************

二、webpack热加载配置
1、 安装必要的插件

******************************************华丽分割线******************************************

三、React组件基础
1、react 虚拟DOM概念
在呈现实际的Web页面之前，首先编排出虚拟化的DOM元素，在确定了要显示的内容和显示方式后，再将HTML页面渲染出来

2、react组件
01、 组件的return函数里返回的HTML节点必须是一个
02、可以给外部使用的组件定义：

03、入口的定义：

3、 react多组件嵌套

4、JSX内置表达式

5、生命周期

四、React属性和事件
1、state属性

2、props属性

01、 父组件向子组件传值

3、事件与数据的双向绑定

01、事件的调用

02、子组件向父组件传值

4、可复用组件

01、传值验证 爷孙传值
index.js

bodyIndex.js

bodyChild.js

5、组件的refs

获取原生的DOM节点

6、独立组件间共享 Mixins

mixins.js

bodyIndex.js

******************************************华丽分割线******************************************

五、React样式
1、内联样式

2、内联样式中的表达式

3、css模块化 **

安装配置插件：

4、JSX样式与CSS的互转

5、Ant Design样式框架介绍和使用
安装

******************************************华丽分割线******************************************

六、React Router
1、Router概念
安装路由：

router.js

header.js

index.js

2、Router参数传递