天天看点

react实战项目_React从入门到实战

react实战项目_React从入门到实战

引言:本文主要介绍 React 组件,React 属性与事件,React样式 ,React Router ,本文只介绍应该学的主体内容,因为大部分内容为实际操作。有想学习的可以私信我送免费教程

环境:node.js 开发工具vscode ,react15.3.2

一.React 组件:

1.React虚拟DOM概念这是React性能高效的核心算法

2.React组件,理解什么是组件化

3.React 多组件嵌套

4.JSX内置表达式

5.生命周期,纵观整个React的生命周期

二.React 属性与事件

1.state属性,控制着React的一切

2.Props属性

3.事件与数据的双向绑定,包含了父子页面之间参数互传

4.可复用组件,真正让React开发快速,高效的地方

5.组件的Refs

6.独立组件间共享Minxins

三.React样式:

1.内联样式

2.内联样式中的表达式

3.Css模块化,学习如何使用require进行样式的引用

4.JSX样式与Css的互转

5.Ant Design 样式框架使用

四.React Router

1.Router 概念

2.Router 参数传递

五.项目实战 webpack热加载指令:webpack-dev-server --contentbase src --inline --hot