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

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

摘要： 开发环境搭建 (Typescript+RTK 模板的使用) 嗨，大家好，经过rtk快速上手，下面我们开始真正动手实践吖。cra 创建项目提供了Typescript配合redux的模板,这个模板就是下面两行安装命令 npx create-react-app my-app --template redu 阅读全文

摘要： 补充 thunk的编写模式 上个章节，我们提到了thunk。 我想了一下，有一个重点没说。 1.reducer就是用于处理数据的逻辑 2.reducer中不能放置任何异步的逻辑 基于上面两点，thunk必须存在。 但是上个视频介绍的手动编写thunk的方法还是太麻烦， rtk提供了便捷的帮助函数，可 阅读全文

摘要： 太长不看 主要介绍了 thunk配合Typescript怎么写吖 应用的结构 Typescript版本的 code 作业在这里... 这一篇实际上和快速上手的内容差不多，程序范例里其实就是多了一个 thunk ，另外介绍了redux devTools 应该怎么使用。 在计算机编程中，thunk是一个 阅读全文

摘要： 需要两个插件吖，React DevTools Extension for Chrome 和 Redux DevTools Extension for Chrome(还有 for FireFox版本捏) action 纯纯对象 reducer 纯纯函数 土木er 纯纯牛马 Redux解决什么问题吖？ 阅读全文

摘要： 文档学来的 用Typescript来的 不定期更新来的 环境配置，我看了一下，最好的配置方法是 npx create-react-app my-app --template redux-typescript 但问题是，我只是想在旧项目里添加redux。 我建议分两步走 旧项目用 Typescript 阅读全文

摘要： 最土最简单的模态框。 这个模态框的名字叫起来特别古怪，其实就是高亮显示一个东西（比如图中的搜索框）， 根据不同需要: 只有被高亮显示的那个东东可以进行交互，半透明的黑色背景上鼠标点击是无效的 被高亮显示的东东可以交互，但是半透明的黑色背景上鼠标点击是有效，效果一般就是让高亮显示的那个东东消失掉。 下 阅读全文

摘要： 上一篇就是简单介绍了我是如何编写一个带有渐入渐出动画效果的input框的实现细节。 我当时觉得很高兴，因为我对这种（对我的技术力来说已经是比较）酷炫的动画一直没有特别好的理解和使用，兴奋之余，发现网上也没找到类似的东西，就给贴上网了。 然后就继续完善Input的，过程中又发现一个问题。 我的Inpu 阅读全文

摘要： 当点击添加，输入框缓缓打开，当输入完毕点击完成，输入框缓缓关闭 如下图，就是我想模仿的输入框的动画效果。 具体做法和要点 需要父容器和子元素(直接的子元素有两个，一个放置输入框，或者你需要缓缓打开/缓缓关闭的其他什么东西 下文简称输入框元素，另外一个是一个监听点击事件的东东--下文简称事件元素)，父 阅读全文