
redux
Axizs
这个作者很懒,什么都没留下…
展开
-
竞态请求的Redux中间件解决方案
这个问题来源于一次无意中在项目里发现的bug,场景是组件会在切换项目后重新渲染,每次重渲染后,组件挂载完毕会请求对应的当前项目的数据,存到store中展示到页面上。 但网络请求时间的长短是难以预测的,这就引发了一个问题: 切换到B项目,请求发出了但还没回来,这时候再切换到A项目。那么现在同时存在两个请求,先前的请求B和新的请求A。 请求A的速度比较快,马上成功了,将数据存到store中,展示出来。...原创 2019-12-09 09:27:58 · 449 阅读 · 0 评论 -
简单梳理Redux的源码与运行机制
前言 前几天写了一篇react另一个状态管理工具Unstated的源码解析。 开启了我的看源码之路。想一想用了好长时间的redux,但从没有深究过原理,遇到报错更是懵逼,所以就啃了一遍它的源码,写了这篇文章, 分享我对于它的理解。 API概览 看一下redux源码的index.js,看到了我们最常用的几个API: createStore combineReducers bindActionCre...原创 2019-09-04 11:55:48 · 237 阅读 · 0 评论 -
React 服务端渲染从入门到精通
前言 这篇文章是我自己在搭建个人网站的过程中,用到了服务端渲染,看了一些教程,踩了一些坑。想把这个过程分享出来。 我会尽力把每个步骤讲明白,将我理解的全部讲出来。 文中的示例代码来自于这个仓库,也是我正在搭建的个人网站,大家可以一起交流一下。示例代码因为简化,所以与仓库代码有些许出入。 本文中用到的技术 React V16 | React-Router v4 | Redux | Redux-thu...原创 2019-09-05 10:21:30 · 227 阅读 · 1 评论 -
React组件设计模式-Provider-Consumer
React组件设计模式-组合组件 React组件设计模式-Render-props 我们都知道,基于props做组件的跨层级数据传递是非常困难并且麻烦的,中间层组件要为了传递数据添加一些无用的props。 而React自身早已提供了context API来解决这种问题,但是16.3.0之前官方都建议不要使用,认为会迟早会被废弃掉。说归说,很多库已经采用了 context API。可见呼声由多么强烈...原创 2019-09-10 11:18:30 · 4060 阅读 · 0 评论