World 9 / 构建区

State Management

关于 app state modeling 的实战课程。学习 source of truth、derived state、immutable updates、actions、reducer mental model、global store mock、course progress store、optimistic local store 和 final Learning Store App。 完成课程以解锁下一个区域. Boss 项目在世界终点等待。

NP
进入世界Product District生物群系: City

产品城区连接 state、用户习惯、shop flow 和真实功能。

向导: Product Builder

奖励技能: Product thinking

目标: 完成课程、解决任务、获得 XP,并打开地图下一段。

路线进度0%

Product District

把屏幕组合成状态清晰的产品流程。

Route progress0%
World route

What you will build

Manage shared application state without chaos.

What you should know

World 8: Authentication

Recommended previous world

World 8: Authentication

状态

Free

世界

世界 2

时长

9 小时 20 分钟

地图

4 个区域 / 9 节课

课时

0 / 9 节课

登录后可保存进度和 XP。

任务地图Product District0/9

State Architect

01Current
NP

任务

任务 1

任务 1:Source of truth。阅读简报,完成练习任务,获得 XP。

+45 XP
02Locked

任务

任务 2

任务 2:Derived state。阅读简报,完成练习任务,获得 XP。

+50 XP
03Locked

挑战

任务 3

任务 3:Immutable update: обновление урока。阅读简报,完成练习任务,获得 XP。

+55 XP
04Locked

任务

任务 4

任务 4:Actions model。阅读简报,完成练习任务,获得 XP。

+60 XP
05Locked

任务

任务 5

任务 5:Reducer mental model。阅读简报,完成练习任务,获得 XP。

+65 XP
06Locked

奖励

任务 6

任务 6:Global store mock。阅读简报,完成练习任务,获得 XP。

+60 XP
07Locked

任务

任务 7

任务 7:Course progress store。阅读简报,完成练习任务,获得 XP。

+70 XP
08Locked

任务

任务 8

任务 8:Optimistic local store。阅读简报,完成练习任务,获得 XP。

+65 XP
09Locked

Boss

Boss 任务

Boss 任务:最终项目: Learning Store App。把本区域模式组合成最终成果。 把屏幕组合成状态清晰的产品流程。

+100 XP

任务 1

任务 1:Source of truth。阅读简报,完成练习任务,获得 XP。

已收集技能Product thinking
最终目标Product District

State Architect

世界目标: 把屏幕组合成状态清晰的产品流程。

已收集技能: Product thinking

关卡 1

Source of truth и derived state

本 module 构建 State Management 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

区域 1

区域 1:Source of truth и derived state。完成区域任务,继续推进地图。

关卡 1下一关+45 XP

Source of truth

任务 1:Source of truth。阅读简报,完成练习任务,获得 XP。

45 分钟
进入关卡
关卡 2已锁定+50 XP

Derived state

任务 2:Derived state。阅读简报,完成练习任务,获得 XP。

50 分钟先完成上一关
关卡 3已锁定+55 XP

Immutable update: обновление урока

任务 3:Immutable update: обновление урока。阅读简报,完成练习任务,获得 XP。

55 分钟先完成上一关
关卡 2

Actions и reducer model

本 module 构建 State Management 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

区域 2

区域 2:Actions и reducer model。完成区域任务,继续推进地图。

关卡 1已锁定+60 XP

Actions model

任务 4:Actions model。阅读简报,完成练习任务,获得 XP。

1 小时先完成上一关
关卡 2已锁定+65 XP

Reducer mental model

任务 5:Reducer mental model。阅读简报,完成练习任务,获得 XP。

1 小时 5 分钟先完成上一关
关卡 3

Store patterns

本 module 构建 State Management 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

区域 3

区域 3:Store patterns。完成区域任务,继续推进地图。

关卡 1已锁定+60 XP

Global store mock

任务 6:Global store mock。阅读简报,完成练习任务,获得 XP。

1 小时先完成上一关
关卡 2已锁定+70 XP

Course progress store

任务 7:Course progress store。阅读简报,完成练习任务,获得 XP。

1 小时 10 分钟先完成上一关
关卡 3已锁定+65 XP

Optimistic local store

任务 8:Optimistic local store。阅读简报,完成练习任务,获得 XP。

1 小时 5 分钟先完成上一关
Boss 关卡Boss 项目

Финальный Learning Store App

本 module 构建 State Management 的一个聚焦实战部分。每节 lesson 都包含 task、validation rules 和 hidden solution。

Boss 区域

Boss 区域:Финальный Learning Store App。这里会把学习内容变成作品集证明。 最终 Boss 项目.

关卡 1Boss 关卡已锁定+100 XP

最终项目: Learning Store App

Boss 任务:最终项目: Learning Store App。把本区域模式组合成最终成果。 把屏幕组合成状态清晰的产品流程。

1 小时 30 分钟最终任务先完成上一关

Have a question or found an issue?

Your message will include this course context.

XP PRACTICE

Reinforce what you learned

Play a short code game or test your speed in the Arena.