实战React开发（从入门到进阶）

我的课程

1. 开始使用React

1.1 什么是React

1.2 什么是JSX

1.3 使用JSX构建页面

1.4 渲染动态的内容

1.5 给节点添加样式

1.6 条件渲染

1.7 循环渲染

2. 更新UI界面

2.1 示例介绍

2.2 定义和使用类

2.3 使用继承

2.4 更新组件状态

2.5 响应用户事件

2.6 示例：列表操作1

2.7 示例：列表操作2

2.8 作业介绍

3. 创建本地React项目

3.1 示例介绍

3.2 NodeJS介绍

3.3 搭建应用

3.4 应用目录结构介绍

3.5 使用import引入模块

3.6 添加scss支持

3.7 引入css库

3.8 使用动画库

3.9 使用key标识列表元素

4. 响应用户输入

4.1 示例介绍

4.2 准备环境

4.4 多行文本框

4.8 提交表单

4.9 验证必填字段

4.10 使用正则表达式验证

4.11 完善表单验证

5. 实战Markdown编辑器

5.1 示例演示

5.2 react-router介绍

5.3 使用react-router

5.4 箭头函数简介

5.5 组织应用结构

5.6 Markdown编辑器开发步骤

5.7 演示Markdown编辑器的开发

5.8 重构出通用组件

5.9 使用组件生命周期

5.10 引用和操作DOM元素

6. 实战印象笔记

6.1 示例演示

6.2 开发流程

6.3 Mock数据接口

6.5 开发笔记列表

6.6 切换当前笔记本

6.7 加载笔记列表

6.8 使用RESTful API

6.9 新建笔记

6.10 编辑笔记

7 【加餐】使用flexbox创建页面布局

7.1 开始使用flexbox

7.2 使用flex控制伸缩比例

7.3 控制内容的对齐

7.4 示例：图文模块

7.5 兼容性处理

8 ES6之块级作用域

8.1 JS和ES6的关系

8.3 函数级作用域

8.4 块级作用域

8.5 正确使用块级作用域

8.6 理解和使用const

8.7 ESLint介绍

8.8 使用ESLint

8.9 深入理解作用域

9 ES6之解构

9.1 示例介绍

9.2 创建按扭组件

9.3 对象解构

9.4 模板字符串

9.5 参数解构

9.6 优化className的生成

9.7 Tabs组件的展示和切换

9.8 重构出可重用Tabs组件

9.9 优化数据转换

10 JS面向对象基础

10.1 示例介绍

10.2 准备示例资源

10.3 了解类的概念

10.4 创建对话框类

10.5 实现对话框行为1

10.6 实现对话框行为2

10.7 使用静态方法

10.8 添加自定义事件

10.9 使用继承重用代码

10.10 使用组合扩展模块

10.11 使用继承扩展模块

React应用面向对象

11.1 示例介绍

11.2 准备工作

11.3 添加组件属性

11.4 添加组件行为

11.5 实例属性

11.6 添加动画

11.7 使用animiate-css

11.8 使用生命周期函数

11.9 ReactPortals

React组件生命周期

12.1 示例介绍

12.2 准备工作

12.3 创建二维码组件

12.4 组件生命周期

12.5 shouldComponentUpdate

12.6 PureComponent

12.7 VirtualDOM Diff介绍

12.8 组件更新和key的使用

8.3 函数级作用域

课程资料

课程参考资料

上一节
下一节

反馈意见给小姐姐