Logo
☆☆☆☆☆
0.0
Beginner
4h

学习 React.js、Redux 和 Immutable.js,同时构建一个天气应用

我是 Max Stoiber (@mxstbr),React Boilerplate 的创建者,这是 GitHub 上最受欢迎的 React 开发模板之一(获得 10,000+ 星标)。 我将教你如何使用 React、Redux 和 Immutable.js 构建一个真实世界的应用程序。我们将通过互动练习环境从零开始开发应用(无需任何配置)。 本课程可分为四个逻辑部分: 1. React:理解 React 是什么以及它解决了什么问题。我们将仅用 React 构建第一个天气应用。 2. Redux:识别我们 React 应用中可能存在的问题,并学习如何使用 Redux 和 Redux-Thunk 来解决这些问题。 3. Immutable.js:学习 Immutable.js 及其如何帮助提升 Redux 应用的性能。 4. Jest:最后,我们将学习如何使用 Jest 测试我们的 React/Redux 应用。 如果你打算构建一个生产级应用,有很大概率会用到上述所有技术,现在就开始吧。 * 需要具备 JavaScript 基础知识。 ** 掌握 ES6(如 let/const、箭头函数等)将非常有帮助。

7 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
学习 React.js、Redux 和 Immutable.js,同时构建一个天气应用
我是 Max Stoiber (@mxstbr),React Boilerplate 的创建者,这是 GitHub 上最受欢迎的 React 开发模板之一(获得 10,000+ 星标)。 我将教你如何使用 React、Redux 和 Immutable.js 构建一个真实世界的应用程序。我们将通过...

WHAT YOU'LL LEARN

理解 React 的核心思想,并用 JSX 与类组件从零构建第一个天气应用

Content

7 Lessons • 0 Quizzes • 0 Challenges

React 基础
  1. 1

    React.js 简介

  2. 2

    开始使用 React

  3. 3

    React 组件

  4. 4

    介绍 JSX

  5. 5

    React 组件作为 ES6 类

你的第一个 React 应用
  1. 1

    React天气应用

  2. 2

    获取天气数据

3. 创建预测图表
  1. 1

    开始使用 Plotly.js

  2. 2

    创建一个绘图组件

  3. 3

    在天气应用中创建预报图表

  4. 4

    处理对预报图表的点击事件

状态管理
  1. 1

    React 状态管理:Flux 与 Redux

  2. 2

    编写我们的第一个 Redux 组件

  3. 3

    我们完成的带 Redux 的天气应用

  4. 4

    Redux-Thunk:获取数据的更好方式

5. ImmutableJS
  1. 1

    ImmutableJS 简介

  2. 2

    不可变 Redux

  3. 3

    ImmutableJS 的工作原理

  4. 4

    使用 ImmutableJS 实现极致性能

6. 测试
  1. 1

    在你的机器上运行我们的天气应用

  2. 2

    使用 Jest 测试你的应用

  3. 3

    测试操作

  4. 4

    测试 Reducers

  5. 5

    组件测试

  6. 6

    结束语

附录
  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)