Name: React 之路：类组件篇
Availability: InStock

React 之路：类组件篇

如果你正在使用一个遗留的 React 代码库，那么本课程将非常有用。多年来，React 经历了巨大的变化，但有时你仍可能需要处理较旧版本的 React。在本课程中，你将学习 React V15 的基础知识。你将掌握如何与 API 交互，如何组织和测试代码，以及如何为 React 应用管理状态。整个课程过程中，你将动手实践，构建一个功能完整的 Hacker News 应用。完成本课程后，你将具备独立开发应用的能力，并拥有一个可展示在作品集中的项目。如果你想学习包含 React V16 版本（含 Hooks）的更新版课程，请参阅《The Road to React：带 Hooks 的那一版》。

9 Lessons

WHAT YOU'LL LEARN

掌握 React V15 基础：JSX、组件、props 与 state，并理解类组件的使用方式

使用 React 类组件构建交互界面，并学习生命周期与高级组件模式

与真实 API 交互，并完成一个可展示的 Hacker News 应用

组织 React 代码，并使用 Jest、Enzyme、PropTypes 进行测试与调试

理解状态提升、函数式 setState 及 React 以外常见状态管理思路

完成上线前准备与部署，并学会用 create-react-app 启动 React 应用

掌握 React V15 基础：JSX、组件、props 与 state，并理解类组件的使用方式

Content

9 Lessons • 0 Quizzes • 0 Challenges

简介

1
前言
2
用户评价
3
常见问题
4
怎么做？

React入门及一些JavaScript基础知识

1
你好，我的名字是 React
2
ES6 中的 const 和 let
3
ES6 箭头函数
4
ES6 类
5
JSX 中的复杂 JavaScript
6
React 的入门指南：create-react-app

React 基础知识

1
本地组件状态
2
ES6 对象初始化
3
单向数据流
4
绑定
5
事件处理器
6
表单与事件的交互
7
ES6 解构赋值
8
受控组件
9
拆分组件
10
可组合组件
11
可重用组件
12
组件声明
13
组件样式设置
14
回顾

真实地使用一个API

1
生命周期方法
2
获取数据
3
ES6 展开运算符
4
条件渲染
5
客户端或服务器端搜索
6
分页获取
7
客户端缓存
8
错误处理
9
使用 Axios 而不是 Fetch
10
回顾

代码组织与测试

1
ES6 模块：导入与导出
2
使用 ES6 模块进行代码组织
3
使用 Jest 进行快照测试
4
使用 Enzyme 的单元测试
5
组件接口与 PropTypes
6
使用 React 开发者工具进行调试
7
回顾

高级 React 组件

1
引用 DOM 元素
2
显示加载提示
3
高阶组件
4
高级排序
5
高级排序：实现逆序排序
6
回顾

React 及其以外的状态管理

1
提升状态
2
重新回顾：setState()
3
驾驭状态
4
回顾

上线前的最后步骤

1
eject（脱离）
2
部署您的应用程序

附录：启动你的 React 应用

1
要求
2
npm 和 Node（可选）
3
安装
4
零配置设置
5
JSX 简介
6
ReactDOM
7
热模块替换
8
回顾
9
概要

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

React 之路：类组件篇

WHAT YOU'LL LEARN

Content

1. 简介熟悉 React 基础知识、实际应用、ES6 过渡以及动手项目。

前言

用户评价

常见问题

怎么做？

2. React入门及一些JavaScript基础知识查看 React，以及 JavaScript 的基础知识，如 ES6 特性，和 create-react-app 的配置。

你好，我的名字是 React

ES6 中的 const 和 let

ES6 箭头函数

ES6 类

JSX 中的复杂 JavaScript

React 的入门指南：create-react-app

3. React 基础知识深入理解 React 的核心概念，包括本地状态、事件处理、单向数据流以及组件组合。

本地组件状态

ES6 对象初始化

单向数据流

绑定

事件处理器

表单与事件的交互

ES6 解构赋值

受控组件

拆分组件

可组合组件

可重用组件

组件声明

组件样式设置

回顾

4. 真实地使用一个API掌握 React 的核心 API、生命周期方法、数据获取、条件渲染和错误处理。

生命周期方法

获取数据

ES6 展开运算符

条件渲染

客户端或服务器端搜索

分页获取

客户端缓存

错误处理

使用 Axios 而不是 Fetch

回顾

5. 代码组织与测试仔细研究代码组织、使用 Jest 和 Enzyme 进行测试，以及调试。

ES6 模块：导入与导出

使用 ES6 模块进行代码组织

使用 Jest 进行快照测试

使用 Enzyme 的单元测试

组件接口与 PropTypes

使用 React 开发者工具进行调试

回顾

6. 高级 React 组件专注于 React 的高级技术，包括 ref 属性、高阶组件（HOCs）以及高级排序。

引用 DOM 元素

显示加载提示

高阶组件

高级排序

高级排序：实现逆序排序

回顾

7. React 及其以外的状态管理在 React 中运用有效的状态管理技术，包括提升状态（lifting state）和使用 setState()。

提升状态

重新回顾：setState()

驾驭状态

回顾

8. 上线前的最后步骤逐步自定义配置并部署你的 React 应用到 Heroku。

eject（脱离）

部署您的应用程序

9. 附录：启动你的 React 应用逐步搭建一个 React 应用，管理依赖项，使用 JSX，以及优化开发流程。

要求

npm 和 Node（可选）

安装

零配置设置

JSX 简介

ReactDOM

热模块替换

回顾

概要

Certificate of Completion

Reviews

Reviews & Comments (0)