Coursera 笔记

IBM/Developing Front-End Apps with React/Module 01 · Introduction to React and Class Components/Lesson 2 Practice Quiz: Introduction to Class Components

Developing Front-End Apps with React

使用 React 开发前端应用 · IBM · 65 篇

01Introduction to React and Class ComponentsReact 与类组件简介22

01Course Introduction React JavaScript框架课程简介
02Course Overview课程概述
03Introduction to Front-End Frameworks and React前端框架与 React 介绍课程
04Understand React StructureReact 项目结构与 Vite 构建工具介绍
05Expert Viewpoints: Using Front-end JavaScript Frameworks专家视角：使用前端 JavaScript 框架
06Introduction to ES6ES6 简介：JavaScript 的新特性
07Introduction to JSXJSX 介绍课程：核心概念与优势
08CRA versus Vite ToolCRA 与 Vite 工具对比
09Lab: Hello World with React实验：使用 React 的 Hello World
10Lesson 1 Summary: Building Rich Front-End Applications with React and ES6第 1 课总结：使用 React 和 ES6 构建丰富的前端应用程序
11Lesson 1 Practice Quiz: Building Rich Front-End Applications with React and ES6第 1 课练习测验：使用 React 和 ES6 构建丰富的前端应用程序
12Introduction to Components React组件简介：基础与分类
13Working with React Class Components: Props and Event HandlingReact 类组件、Props 和事件处理
14Introduction to States React中的状态（State）与属性（Props）简介
15Class Component Lifecycle React类组件生命周期
16Passing Data and States between Components React组件生命周期、数据和状态传递
17Lab: Content Rating Application to Like or Dislike Content实验：内容点赞与点踩评分应用
18Lesson 2 Summary: Introduction to Class Components第 2 课总结：类组件简介
19Lesson 2 Practice Quiz: Introduction to Class Components第 2 课练习测验：类组件简介
20Module 1 Cheat Sheet: Introduction to React and Class Components第 1 模块速查表：React 与类组件简介
21Module 1 Glossary: Introduction to React and Class Components第 1 模块术语表：React 与类组件简介
22Module 1 Graded Quiz: Introduction to React and Class Components第 1 模块评分测验：React 与类组件简介

02Understanding Function Components with Array and DOM Manipulation函数组件、数组与 DOM 操作17

01Working with Function Components: Props and Event Handling函数组件：Props 和事件处理
02Component Composition组件组合
03State Management in Function Components函数组件中的状态管理
04Function Component Lifecycle函数组件生命周期
05Lab: Function Component Event Planner Landing Page实验：使用函数组件创建活动规划器着陆页
06Testing React ComponentsReact 组件测试
07Lesson 1 Summary: Introduction to Function Components第 1 课总结：函数组件简介
08Lesson 1 Practice Quiz: Introduction to Function Components第 1 课练习测验：函数组件简介
09Working with Arrays in React Components在 React 组件中操作数组
10Virtual DOM Manipulation in ReactReact 中的虚拟 DOM 工作原理
11Style in ReactReact 中的样式
12Lab: Todo List Application实验：待办事项列表应用
13Lesson 2 Summary: Array in React and DOM Manipulation第 2 课总结：React 中的数组与 DOM 操作
14Lesson 2 Practice Quiz: Array in React and DOM Manipulation第 2 课练习测验：React 中的数组与 DOM 操作
15Module 2 Cheat Sheet: Understanding Function Components with Array and DOM Manipulation第 2 模块速查表：函数组件、数组与 DOM 操作
16Module 2 Glossary: Understanding Function Components with Array and DOM Manipulation第 2 模块术语表：函数组件、数组与 DOM 操作
17Module 2 Graded Quiz: Understanding Function Components with Array and DOM Manipulation第 2 模块评分测验：函数组件、数组与 DOM 操作

03In-depth Understanding of Advanced React Functionality深入理解 React 高级功能20

01Hooks React中的 Hooks 使用指南
02Side-effects Management and Custom Hook React中的副作用管理与自定义 Hook
03Connecting React to External Services连接 React 与外部服务
04Lab: Fetch Data Using useFetch实验：使用 useFetch 获取数据
05Implementing Forms实现表单功能
06Lab: Create Feedback Form for Survey实验：创建调查反馈表单
07Lesson 1 Summary: Hooks and Form Management in React第 1 课总结：React 中的 Hook 与表单管理
08Lesson 1 Practice Quiz: Hooks and Form Management in React第 1 课练习测验：React 中的 Hook 与表单管理
09Introduction to ReduxRedux 简介
10Essential Concepts of ReduxRedux 基本概念
11Async with ReduxRedux 中的异步操作
12Binding Redux and Flow绑定 Redux 与数据流
13Introduction to Redux ToolkitRedux 工具包概述
14Lab: E-Commerce Data Rendering using Redux Toolkit实验：使用 Redux Toolkit 渲染电子商务数据
15Hooks versus Redux钩子与 Redux
16Lesson 2 Summary: Application State Management with Redux第 2 课总结：使用 Redux 管理应用状态
17Lesson 2 Practice Quiz: Application State Management with Redux第 2 课练习测验：使用 Redux 管理应用状态
18Module 3 Cheat Sheet: In-depth Understanding of Advanced React Functionality第 3 模块速查表：深入理解 React 高级功能
19Module 3 Glossary: In-depth Understanding of Advanced React Functionality第 3 模块术语表：深入理解 React 高级功能
20Module 3 Graded Quiz: In-depth Understanding of Advanced React Functionality第 3 模块评分测验：深入理解 React 高级功能

04Practice, Final Project, and Peer Review Assignment实践、期末项目与同伴评审作业6

01Lab: Setting up the GitHub Environment实验：设置 GitHub 环境
02Practice project: Conference Expense Planner app实践项目：会议费用规划器应用
03Practice Project: Conference Event Planner实践项目：会议活动规划器
04Final Project Walkthrough React期末项目演练指南
05Final Project Overview期末项目概述
06Final Project: Paradise Nursery Shopping Application期末项目：天堂苗圃购物应用

Module 01 · Introduction to React and Class ComponentsReact 与类组件简介

Lesson 2 Practice Quiz: Introduction to Class Components第 2 课练习测验：类组件简介

← 上一篇Lesson 2 Summary: Introduction to Class Components第 2 课总结：类组件简介下一篇 →Module 1 Cheat Sheet: Introduction to React and Class Components第 1 模块速查表：React 与类组件简介

Coursera 笔记 · Noted by 千啾略 · As of 2026-09-14