VIP20

本课程属于：024-流批一体架构 数据工程与实时数据平台 · 共 20 门相关课程，组合学习更完整。

查看所属VIP全部课程 →

← 返回所属目录咨询 / 购买

实时更新场景下的状态复用策略

📚 共计 30 章节

点击此处阅读海量试读课程：100+行业、1000+细分领域

状态复用概述

什么是状态复用、为什么需要状态复用、实时更新场景的挑战。

不可变数据结构

不可变数据的概念、在React/Vue中的应用、浅拷贝与深拷贝。

状态提升与下放

组件间共享状态、状态提升的原则、状态下放的时机。

Context API 实战

React Context 工作原理、Provider/Consumer 模式、避免不必要的重渲染。

Redux 核心概念

单一数据源、纯函数 Reducer、Action 与 Dispatch。

Redux状态管理

Redux 中间件

Redux Thunk 处理异步、Redux Saga 的 Generator 模式、中间件链。

异步中间件

Zustand 轻量方案

Zustand 的 Store 创建、选择器与性能优化、与 React 的集成。

Recoil 原子化状态

Atom 与 Selector、异步数据查询、依赖图与自动优化。

原子化Facebook

Jotai 与 Valtio

Jotai 的原子模型、Valtio 的代理模式、适用场景对比。

Pinia 的 Store 定义、Option 与 Setup 语法、插件机制。

Vuex 到 Pinia 迁移

Vuex 的 Module 模式、Pinia 的扁平化设计、迁移实战。

URL 状态同步

将状态同步到 URL 参数、useSearchParams、路由状态管理。

本地存储持久化

localStorage 与 sessionStorage、序列化与反序列化、过期策略。

存储持久化

IndexedDB 大容量存储

IndexedDB 基础操作、封装为 Promise、与状态管理结合。

数据库大容量

WebSocket 实时推送

WebSocket 连接管理、心跳机制、自动重连策略。

Server-Sent Events

SSE 与 WebSocket 对比、EventSource API、后端推送实现。

乐观更新策略

乐观 UI 的概念、回滚机制、冲突解决。

防抖与节流

防抖实现搜索框、节流实现滚动加载、Lodash 与自定义实现。

请求缓存与去重

内存缓存、SWR 与 React Query、请求去重避免重复请求。

状态机与 XState

有限状态机概念、XState 的 State/Event/Transition、可视化调试。

状态机XState

Immer 不可变更新

Immer 的 produce 函数、draft 代理、与 Redux 结合。

时间旅行调试

Redux DevTools 时间旅行、撤销/重做实现、状态快照。

跨标签页通信

BroadcastChannel API、SharedWorker、localStorage 事件监听。

多标签通信

Web Worker 状态隔离

Worker 中的状态管理、消息传递模式、与主线程同步。

微前端状态共享

Micro-Frontends 状态隔离、qiankun 的通信机制、Module Federation。

微前端共享

性能监控与优化

React Profiler、Vue Devtools、状态变更追踪。

测试状态逻辑

单元测试 Reducer、集成测试 Store、Mock 异步请求。

TypeScript 类型安全

泛型 Store、类型推断、自定义类型守卫。

TypeScript类型

大型项目架构

模块化 Store、分层设计、团队协作规范。

综合实战：实时协作白板

多人实时编辑、状态同步、冲突解决、性能优化。