摘要:
啊,标题好长捏。 这篇对应文档这里呢! 经过上一节,我们实践了最基本的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 阅读全文
摘要:
当点击添加,输入框缓缓打开,当输入完毕点击完成,输入框缓缓关闭 如下图,就是我想模仿的输入框的动画效果。 具体做法和要点 需要父容器和子元素(直接的子元素有两个,一个放置输入框,或者你需要缓缓打开/缓缓关闭的其他什么东西 下文简称输入框元素,另外一个是一个监听点击事件的东东--下文简称事件元素),父 阅读全文