摘要： 调研渲染行为 (1.使用profiler观察组件的渲染情况，引出某个组件的“异常渲染”问题，再解释useSelector和组件重渲染的关系 ) 这里使用到了redux profiler这个调试工具(当然得提前安装好React devtools这个chrome)， 以我们已经编写好的页面举例子： Pr 阅读全文

摘要： 添加通知 如果不能弹出通知告诉我们有人发布了消息、留下了评论或者对我们的帖子做出了回应，那么任何社交媒体应用都是不完整的。 在一个真实的应用中，我们的客户端和后端服务器进行持续的通信，当发生某些事情时，服务器都会向客户端推送通知。由于我们这是一个小型应用，我们将通过添加一个按钮从虚假的 API 中获 阅读全文

摘要： 通过第5节，我们已经学会了使用thunk处理异步数据的整体流程了，在此基础上。 通过第6节，我们将要学会： 如何使用 createSelector 创建记忆化的 selector 函数 优化组件渲染性能的方法 如何使用 createEntityAdapter 来存储和更新范式化数据 简介 在第五节： 阅读全文

摘要： 对应文档这个位置 加载用户数据 现在页面上关于作者的信息是 unknown,因为我们没有正确的拉取user信息吖。 怎么做捏？太简单了，前面已经拉取了posts，现在拉取user就行了！干就完了，加油奥利给。 在userSlice里写thunk。 //这是注释，显示文件路径捏:/src/featur 阅读全文

摘要： 本篇学习如何正确编写和使用thunk，并且学习通过获取thunk状态在页面上显示不同内容（比如提示正在加载、加载失败、或者是显示加载成功后的数据）的范式。 对应文档这个位置 请求过程中的加载状态 当我们进行 API 请求时，我们可以将其进度视为一个小型状态机，它处于下面四种可能的状态之一： 请求尚未 阅读全文

摘要： 加载帖子 之前我们在postSlice做了硬编码的post作为其初始状态，现在我们改一下，改成从服务器获取帖子数据。 提取帖子selectors 我们已经在slice中编写过reducer、prepare和thunk，现在继续介绍一个实践，在slice中编写 selector，这个选择器就是我们在 阅读全文

摘要： Thunks 与异步逻辑 额，之前已经在快速上手里边接触过thunk，反正异步的东西不能放进reducer，所以用thunk替代，好像顺理成章的thunk就是异步版本的reducer？ 这样说不准确，其实thunk是一种redux中间件，他插入在了dispatch和reducer之间的位置。 （用于 阅读全文

摘要： 简介 大家好，这一节文档教程对应代码的codepen在线实例点这里，github仓库在这里，我们只专注于redux学习，我只稍微介绍下server.js和client.js，了解他们基本功能，不影响我们本节学习就好。(不要头铁啊，我花了好几天才醒悟)。 client.js和server.js 因为在 阅读全文

摘要： 啊，标题好长捏。 这篇对应文档这里呢! 经过上一节，我们实践了最基本的rtk维护状态的流程 在 第三节：基本数据流 中，我们看到了如何从一个空的 Redux+React 项目设置开始，添加一个新的状态 slice ，并创建 React 组件 可以从 Redux store 中读取数据并 dispat 阅读全文

摘要： 这一节大概能对应文档的数据流结构 项目启动 大家好，经过rtk快速上手和前个视频的开发环境搭建，下面我们开始真正动手实践吖。 从文档的探索初始项目开始,但是稍微有区别，以视频为准吖。 首先按照文档建立项目结构， 然后安装必要的依赖库(注意，我用了v6 是v6版本的react-router吖) npm 阅读全文