redux重温笔记
文章平均质量分 67
li_Ryan
一直以来,都是掉进写代码的无底洞,从来没有静下心,记录一些东西,曾经学过的也会慢慢遗忘。所以,开始记录一些东西吧
展开
-
redux重温笔记(四)
数据流严格的单向数据流是 Redux 架构的设计核心。这意味着应用中所有的数据都遵循相同的生命周期,这样可以让应用变得更加可预测且容易理解。同时也鼓励做数据范式化,这样可以避免使用多个且独立的无法相互引用的重复数据。Redux 应用中数据的生命周期遵循下面 4 个步骤 调用store.dispatch(action)。 Action就是一个描述“发生了什么”的普通对象。比如: { type: 'LIKE_ARTICLE', articleId: 42 } { type: ..原创 2021-05-18 17:21:10 · 135 阅读 · 0 评论 -
redux重温笔记(三)
StoreStore就是把reducers和action联系到一起的对象。Store 有以下职责:维持应用的 state; 提供getState()方法获取 state; 提供dispatch(action)方法更新 state; 通过subscribe(listener)注册监听器; 通过subscribe(listener)返回的函数注销监听器。再次强调一下Redux 应用只有一个单一的 store。当需要拆分数据处理逻辑时,你应该使用reducer 组合...原创 2021-05-17 17:27:47 · 115 阅读 · 0 评论 -
redux重温笔记(二)
ReducerReducers指定了应用状态的变化如何响应actions并发送到 store 的,记住 actions 只是描述了有事情发生了这一事实,并没有描述应用如何更新 state。reducer 就是一个纯函数,接收旧的 state 和 action,返回新的 state。(previousState, action) => newState永远不要在 reducer 里做这些操作:修改传入参数; 执行有副作用的操作,如 API 请求和路由跳转; 调用非纯...原创 2021-05-17 17:21:02 · 133 阅读 · 0 评论 -
redux重温笔记(一)
ActionAction是把数据从应用(译者注:这里之所以不叫 view 是因为这些数据有可能是服务器响应,用户输入或其它非 view 的数据 )传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过store.dispatch()将 action 传到 store。{ type: ADD_TODO, text: 'Build my first Redux app'}Action 创建函数就是生成 action 的方法。“action” 和 “ac...原创 2021-05-17 16:36:10 · 93 阅读 · 0 评论