三层 视图(view)数据商店(store)reducer 流程: 用户操作视图 视图产生action 通过store转发给reducer(同时还会接收store中的数据模型 state) 由reducer结合aciton.type以及state 产生新的 state 然后返回给 store sto ...
分类:
其他好文 时间:
2019-08-13 00:15:00
阅读次数:
141
回顾一下Redux的数据流转,用户点击按钮发送了一个action, reducer 就根据action 和以前的state 计算出了新的state, store.subscribe 方法的回调函数中 store.getState() 获取新的state, 把state 注入到页面元素中,实现页面状态 ...
分类:
其他好文 时间:
2019-08-11 17:12:16
阅读次数:
93
基于`Taro`与网易云音乐api开发,技术栈主要是:`typescript+taro+taro-ui+redux`,目前主要是着重小程序端的展示,主要也是借此项目强化下上述几个技术栈的使用,通过这个项目也可以帮助你快速使用`Taro`开发一个属于你自己的小程序~ ...
分类:
微信 时间:
2019-08-08 23:52:54
阅读次数:
274
import { createStore, applyMiddleware, compose } from 'redux'; import thunkMiddleware from 'redux-thunk'; import rootReducer from 'reducers/index'; im... ...
分类:
其他好文 时间:
2019-08-04 13:37:27
阅读次数:
97
默认情况下redux只能dispatch一个plain object,例如: 使用 redux-thunk 之后,可以dispatch一个函数了,这个函数会接收dispatch, getState作为参数,在这个函数里你就可以干你想干的事情,在任何地方随意dispatch了,例如下面这个ajax请求 ...
分类:
其他好文 时间:
2019-08-01 17:22:57
阅读次数:
102
1、redux中间件 答:中间件提供第三方插件的模式,自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流,实现如异步 action ,action 过滤,日志输出,异常报告等功能。 常见的中间 ...
分类:
其他好文 时间:
2019-08-01 16:09:04
阅读次数:
203
以前一直想学下vuex但是一直没有学进去,今天无聊看看vuex,没想到竟然如此之简单,可能看react-redux看懵了,现在忘了react-redux再一看vuex真的是眼前一亮,不得不说,起码易用性方面vue真的是甩react好几条街。首先贴上官方文档,https://vuex.vuejs.org/guide/modules.html新建项目就不多说了,用vue-cli,在新建项目的选项上选择
分类:
其他好文 时间:
2019-07-30 09:22:45
阅读次数:
127
高阶组件 多么高大上的概念,一般用来实现组件逻辑的抽象和复用,在很多三方库(redux)中都被使用到,但是开发普通有任务项目时,如果能合理使用高阶组件,也会显著的提高代码质量。 我们今天就用最简单的逻辑来搞一搞这个家伙 我们先看一个栗子,看看这个家伙是如何进行逻辑复用的; 现在有一个组件MyComp ...
分类:
其他好文 时间:
2019-07-24 13:49:35
阅读次数:
95
推荐2篇个人觉得写的还不错的文章吧 redux-observable介绍及和redux-thunk,redux-saga的区别:https://www.jianshu.com/p/c1adaa9d8a39 使用 redux-observable 实现组件自治:https://juejin.im/po ...
分类:
其他好文 时间:
2019-07-23 00:32:05
阅读次数:
133
Redux如何管理state 注册store tree 1、Redux通过全局唯一的store对象管理项目中的state 2、可以通过store注册listener,注册的listener会在store tree每次变更后执行 如何更新store tree 1、store调用dispatch,通过a ...
分类:
其他好文 时间:
2019-07-11 12:53:36
阅读次数:
114