Logo
☆☆☆☆☆
0.0
Beginner
16h 40m

React 深入详解：从入门到精通

本课程的主要目标是为你提供出色的 React 入门指导及其生态系统的全面介绍，深入探讨高级特性，并尽可能多地传授最佳实践。此外，课程还将深入剖析当前最流行、最新且最直接的 React 使用方法。

25 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
View Courses in Subscription
React 深入详解：从入门到精通
本课程的主要目标是为你提供出色的 React 入门指导及其生态系统的全面介绍，深入探讨高级特性，并尽可能多地传授最佳实践。此外，课程还将深入剖析当前最流行、最新且最直接的 React 使用方法。

WHAT YOU'LL LEARN

你将学习 React 的基础和高级主题。

TAKEAWAY SKILLS

JavaScript
Front-end Development
React

Content

25 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    开始学习

  2. 2

    React 概述

  3. 3

    何时应该使用 React，何时最好避免使用它？

  4. 4

    React 是如何诞生的？

  5. 5

    深入深水区

  6. 6

    React 元素

  7. 7

    工具与环境配置

  8. 8

    零配置设置

  9. 9

    测验

ES2015+ 简介
  1. 1

    “新”JavaScript

  2. 2

    使用 let 和 const 进行变量声明

  3. 3

    箭头函数

  4. 4

    新的字符串和数组方法

  5. 5

    对象

  6. 6

    类

  7. 7

    展开运算符

  8. 8

    解构

  9. 9

    剩余参数操作符

  10. 10

    模板字符串

  11. 11

    Promise

  12. 12

    使用 async / await 的异步函数

  13. 13

    导入语法与 JavaScript 模块

  14. 14

    测验

JSX 简介
  1. 1

    JSX 是 React 的重要基础

  2. 2

    JavaScript 中的表达式

  3. 3

    你还应该了解的其他内容

  4. 4

    测验

React 中元素与组件的渲染
  1. 1

    元素的渲染

  2. 2

    React 组件的两种类型

  3. 3

    组件组合：在一个组件中使用多个组件

  4. 4

    划分组件——保持整体视角

  5. 5

    Props - 在组件中接收数据

  6. 6

    纯函数详解

  7. 7

    测验

状态和生命周期方法
  1. 1

    简介

  2. 2

    我们的第一个有状态组件

  3. 3

    使用 this.setState() 更改状态

  4. 4

    生命周期方法

  5. 5

    生命周期方法的实际应用

  6. 6

    状态与属性的结合

  7. 7

    生命周期方法与组件结合使用的作用

  8. 8

    测验

事件处理
  1. 1

    事件处理简介

  2. 2

    React 事件处理程序与原生事件的区别

  3. 3

    事件处理程序中的作用域

  4. 4

    合成事件（SyntheticEvent）对象

  5. 5

    测验

表单
  1. 1

    表单简介

  2. 2

    非受控组件

  3. 3

    受控组件

  4. 4

    值的更改

  5. 5

    测验

列表、片段与条件渲染
  1. 1

    简介

  2. 2

    列表

  3. 3

    片段

  4. 4

    条件渲染

  5. 5

    自定义 render() 方法与组件

  6. 6

    测验

CSS 与样式设计
  1. 1

    简介

  2. 2

    使用内联样式属性进行样式设置

  3. 3

    在 JSX 中使用 CSS 类

  4. 4

    使用 CSS Modules 实现模块化 CSS

  5. 5

    CSS-in-JS — 将样式移入 JavaScript

  6. 6

    测验

高阶组件
  1. 1

    简介

  2. 2

    实现高阶组件

  3. 3

    练习

  4. 4

    测验

将函数作为子组件和渲染属性
  1. 1

    简介

  2. 2

    作为子元素的函数

  3. 3

    渲染属性（Render Props）

  4. 4

    渲染属性、作为子组件的函数和高阶组件

  5. 5

    测验

上下文 API
  1. 1

    简介

  2. 2

    API

  3. 3

    多上下文的使用

  4. 4

    contextType

  5. 5

    性能问题

  6. 6

    测验

Refs
  1. 1

    简介

  2. 2

    字符串引用

  3. 3

    回调引用

  4. 4

    通过 createRef() 创建的 Refs

  5. 5

    引用转发

  6. 6

    测验

错误边界
  1. 1

    简介

  2. 2

    实现一个错误边界

  3. 3

    实际应用中的错误边界

  4. 4

    测验

React Portals：门户
  1. 1

    简介

  2. 2

    创建 Portals

  3. 3

    Portal 及其与父组件的关系

  4. 4

    测验

代码分割
  1. 1

    简介

  2. 2

    使用动态导入

  3. 3

    使用 React.Suspense 显示降级内容

  4. 4

    测验

使用 PropTypes、Flow 和 TypeScript 进行类型检查
  1. 1

    简介

  2. 2

    PropTypes

  3. 3

    Flow（concept）

  4. 4

    TypeScript

  5. 5

    测验

React Hooks – 简介
  1. 1

    简介

  2. 2

    内置 Hooks

  3. 3

    使用 useState() 管理状态

  4. 4

    使用 useEffect() 添加副作用

  5. 5

    使用 useContext() 访问上下文

  6. 6

    测验

实战中的 Hooks
  1. 1

    简介

  2. 2

    实现你自己的 Hooks

  3. 3

    在 Hooks 中处理数据

  4. 4

    测验

Hooks API
  1. 1

    简介

  2. 2

    useState

  3. 3

    useEffect

  4. 4

    useContext

  5. 5

    useReducer

  6. 6

    实际应用中的 Reducers

  7. 7

    useCallback

  8. 8

    useMemo

  9. 9

    useRef

  10. 10

    useLayoutEffect

  11. 11

    useDebugValue

  12. 12

    useImperativeHandle

  13. 13

    测验

React 中的路由
  1. 1

    简介

  2. 2

    路由

  3. 3

    定义路由

  4. 4

    路径与URL之间的匹配限制

  5. 5

    URL 中的参数

  6. 6

    控制特定路由的重定向

  7. 7

    使用路由属性

  8. 8

    导航不同的路由

  9. 9

    使用高阶组件通过路由器连接组件

  10. 10

    React Router 与 Hooks

  11. 11

    测验

状态管理
  1. 1

    状态管理简介

  2. 2

    Redux 简介

  3. 3

    状态存储、动作与归约器

  4. 4

    创建一个 Store

  5. 5

    Action Creator 与 Action

  6. 6

    复杂的 Reducer

  7. 7

    异步操作

  8. 8

    典型的异步操作示例

  9. 9

    使用 Redux DevTools 进行调试

  10. 10

    在 React 中使用 Redux

  11. 11

    mapStateToProps

  12. 12

    mapDispatchToProps

  13. 13

    合并属性

  14. 14

    connect() 的第四个参数

  15. 15

    组合各个拼图模块

  16. 16

    使用 React Hooks 的 Redux

  17. 17

    测验

国际化
  1. 1

    简介

  2. 2

    i18next 的配置

  3. 3

    withTranslation() 高阶组件

  4. 4

    useTranslation() Hook

  5. 5

    使用 Trans 组件进行复杂翻译

  6. 6

    测验

结论
  1. 1

    接下来是什么？

附录
  1. 1

    工具与框架

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)