[ui.dev] React

React

课程主题：

课程大纲

介绍、哲学和技巧
项目（你将构建什么）
React 状态

反应概述

为什么反应？
React 生态系统
（奖励）组合与继承

Hello World 之路

npm
Webpack 简介：给初学者的第一个组件 JSX 技巧和陷阱的简单介绍
（项目）

将数据传递给组件

道具介绍
（解）道具

渲染列表

React 中的
渲染列表（解决方案） 渲染列表
（项目） 流行的导航栏

管理状态

了解JavaScript
（解决方案）状态
（项目）导航栏状态
（项目）语言中的“this”关键字Nav

使用 PropTypes 验证道具

(解决方案) PropTypes
(项目) Language Nav PropTypes

组件生命周期

组件生命周期
（项目）获取存储库
（项目）缓存
存储库（项目）存储库网格

处理表单状态

(Project) Battle Instructions
受控与非受控组件
(Project) Player Input
(Project) Render PlayerInput
(Project) Player Preview
(Project) 结果的骨架
(Project) API
(Project) 结果的数据
(Project) 结果的 UI

与 React 子组件的组合

(项目) 可重复使用的卡片组件
(项目) 配置文件列表
(项目) 重置玩家

构建可重用组件

（项目）加载组件

中场休息

报到

React 中的代码共享

(Project) Tooltip
(Project) withHover 高阶组件
(Project) Hover Render Prop

使用 React 上下文绕过道具

React 上下文
（项目）主题提供者
（项目）切换主题
（项目）消费主题

反应路由器

React Router v4 简介
(Project) 添加路由
(Project) Navbar
React Router v4 Query Strings
(Project) Query Strings
404 with React Router v4
(Project) 404

具有类字段的更好的类

类字段
（项目）迁移到类字段

代码拆分带来的性能提升

使用 React Router v4
（项目）进行代码拆分代码拆分

生产构建和托管

（项目）生产构建
（项目）使用 Netlify 托管

奖金时间

下一步

先修课程：

对 JavaScript 有基本的了解或熟悉另一种编程语言。例如，您应该熟悉函数、参数、循环、控制流等。如果您想直接进入 React 课程，我们建议您对 JavaScript 有更深入的了解，如果您可以从我们的 JavaScript 课程中获得’不确定。