Name: 使用 React 与 Redux 构建特斯拉电池续航计算器
Availability: InStock

使用 React 与 Redux 构建特斯拉电池续航计算器

本免费互动课程旨在通过构建特斯拉电池续航计算器，教你如何使用 React 和 Redux 创建完整的应用程序。你需要了解 React 的基础知识，除此之外，本课程将带你逐步完成每个组件的构建，讲解如何处理用户交互以及如何实现酷炫的动画效果。

3 Lessons

WHAT YOU'LL LEARN

使用 React 构建特斯拉电池续航计算器的界面与可复用组件

处理用户输入和交互，将数据变化反映到计算结果中

使用 Redux 管理应用状态，并连接 React 组件

使用 CSS 动画为计算器和界面添加过渡与视觉反馈

完成一个 React + Redux + CSS 动画的实战项目

使用 React 构建特斯拉电池续航计算器的界面与可复用组件

Content

3 Lessons • 0 Quizzes • 0 Challenges

构建 React 组件

1
1.1 简介
2
1.2 项目设置与 create-react-app
3
1.3 拆解用户界面
4
1.4 头部组件
5
1.5 TeslaBattery 容器组件（concept）
6
1.6 特斯拉通知组件
7
1.7 特斯拉汽车组件
8
1.8 属性和 React 开发者工具
9
1.9 应用程序状态
10
1.10 TeslaStats 组件
11
1.11 可复用的 TeslaCounter 组件
12
1.12 空调与供暖控制
13
1.13 TeslaWheels 组件
14
1.14 状态更新
15
1.15 构建
16
1.16 部署
17
1.17 结论

使用 Redux 管理状态

1
2.1 简介
2
2.2 我们解决什么问题？
3
2.3 Redux中的数据流
4
2.4 Redux 核心概念
5
2.5 Redux 三大原则
6
2.6 将应用拆分为容器和组件
7
2.7 为每个组件列出状态和操作
8
2.8 设置第1部分项目代码库
9
2.9 为每种动作创建动作创建函数
10
2.10 为每个动作创建对应的Reducer
11
2.11 视图：智能组件与哑组件
12
2.12 提供者
13
2.13 它们是如何协同工作的
14
2.14 还有一件事：Redux DevTools
15
2.15 结论

使用 CSS 动画

1
3.1 简介
2
3.2 热身
3
3.3 练习

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

使用 React 与 Redux 构建特斯拉电池续航计算器

WHAT YOU'LL LEARN

Content

1. 构建 React 组件逐步构建特斯拉电池续航计算器的 React 组件，从环境搭建到部署。

1.1 简介

1.2 项目设置与 create-react-app

1.3 拆解用户界面

1.4 头部组件

1.5 TeslaBattery 容器组件（concept）

1.6 特斯拉通知组件

1.7 特斯拉汽车组件

1.8 属性和 React 开发者工具

1.9 应用程序状态

1.10 TeslaStats 组件

1.11 可复用的 TeslaCounter 组件

1.12 空调与供暖控制

1.13 TeslaWheels 组件

1.14 状态更新

1.15 构建

1.16 部署

1.17 结论

2. 使用 Redux 管理状态深入理解使用 Redux 高效管理 React 应用程序状态的核心机制。

2.1 简介

2.2 我们解决什么问题？

2.3 Redux中的数据流

2.4 Redux 核心概念

2.5 Redux 三大原则

2.6 将应用拆分为容器和组件

2.7 为每个组件列出状态和操作

2.8 设置第1部分项目代码库

2.9 为每种动作创建动作创建函数

2.10 为每个动作创建对应的Reducer

2.11 视图：智能组件与哑组件

2.12 提供者

2.13 它们是如何协同工作的

2.14 还有一件事：Redux DevTools

2.15 结论

3. 使用 CSS 动画动手实践，通过CSS动画提升UI效果，打造动态、交互式的视觉体验。

3.1 简介

3.2 热身

3.3 练习

Certificate of Completion

Reviews

Reviews & Comments (0)