
redux
山西仓江科技有限公司
这个作者很懒,什么都没留下…
展开
-
redux思想
react-reduxredux 是一种架构模式 。 react-redux是这种架构模式的一种实现react-redux的出现是 因为react本身有个contextApi 但是官方并不推荐使用 。 因为简单的使用context api会造成整个应用的状态(mudule层)不可控(随便一个子组件都能直接操作最顶层的状态) 。 react-redux 的核心思想是将整个应用的状态至于最顶层 并且...原创 2018-06-07 13:07:00 · 548 阅读 · 0 评论 -
redux componse 函数中的反向职责链模式的演变
最初的实现方式 核心是 reduceRight 方法 把前一个执行结果 作为下一个的参数执行 function add1(str){ return str+1;}function add2(str){ return str+2;}const componse = (...fns)=>(...args){ let last = fns.pop(); ret...原创 2018-12-02 16:15:57 · 470 阅读 · 0 评论 -
从 generator 函数 到 redux -saga(三)
take实现原理<html> <head> </head> <body> <div id="test">qwe</div> <script> let $btn = document.getElementById("test"); //cha原创 2019-01-01 02:19:23 · 422 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (四)
fork 和 takeEvery takeEvery 的作用是每次put 动作执行的的时候 都去调用worker 以下代码可以直接在浏览器运行,执行步骤在代码中做了注释 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="原创 2019-01-01 21:46:17 · 484 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (五)
redux-saga 中的api 介绍import { delay } from 'redux-saga';import { all, call ,put, takeEvery ,fork,takeLatest ,apply,select,take ,cancel} from "redux-saga/effects";delay 等待时间 接受一个毫秒值为参数 用例:delay(...原创 2019-01-02 14:36:52 · 439 阅读 · 0 评论 -
从 generator 函数 到 redux -saga (六)
同时执行多个任务import { call } from 'redux-saga/effects'// effects 将会同步执行const [users, repos] = yield [ call(fetch, '/users'), call(fetch, '/repos')]saga中的超时处理import { race, call, put } from ...原创 2019-01-02 14:56:47 · 390 阅读 · 0 评论 -
react使用中的细节
react 中顺序加载script 标签export default class Script extends React.Component { static defaultProps = { attributes: {}, onCreate: () => {}, onError: () => {}, onLoad: () => {},...原创 2019-04-26 22:06:00 · 915 阅读 · 0 评论