redux的笔记

immutable js-->不可变得数据,或者不要修改的数据

基础类型与引用类型:

var a = {name:"will",things:[0,1,2]}

var b = Object.assign({},a,{name:"Fred"})

//此时如果
b.things.push(3);

//输出
a.things//[0,1,2,3]

//这是我们不想得到的结果.immutable的大致含义?

//因此应该这样做

b.things = a.things.concat(3);
//此时输出
a.things;//[0,1,2]
b.things;//[0,1,2,3]

in order to keep data pristine and keep a full record of history as data changes;

为了能够保证数据的原始性,跟踪一系列的数据的变化记录.

时间: 2024-10-09 00:28:33

redux的笔记的相关文章

React+Redux学习笔记:React+Redux简易开发步骤

前言 React+Redux 分为两部分: UI组件:即React组件,也叫用户自定义UI组件,用于渲染DOM 容器组件:即Redux逻辑,处理数据和业务逻辑,支持所有Redux API,参考之前的文章:Redux学习笔记:Redux简易开发步骤 而React+Redux是以上两部分结合起来,方便在React中使用Redux,专用库为React-Redux.js.React-Redux.js新增了一些新方法: Provider:容器跟组件,可直接把外部的state传递给所有子组件和UI组件: m

Redux学习笔记(二) Reducer

Action只是描述了有事情发生了这一事实,并没有指明应用如何更新 state.这是 reducer 要做的事情. reducer 就是一个函数,接收旧的 state 和 action,返回新的 state. function todos(state = [], action) { switch (action.type) { case ADD_TODO: return [...state, { text: action.text, completed: false }];default: re

Redux学习笔记------数据流

严格的单向数据流-----核心 单向的数据流使得应用中的数据遵循相同的生命周期 redux的生命周期 1.调用 store.dispatch(action). 2.Redux store 调用传入的 reducer 函数. Store 会把两个参数传入 reducer: 当前的 state 树和 action. 3.根 reducer 应该把多个子 reducer 输出合并成一个单一的 state 树. combinReducer() let todoApp = combineReducers(

React Redux学习笔记

React Router React Router 使用教程 Redux中间件middleware [译]深入浅出Redux中间件 Redux学习之一:何为middleware? ES6 ES6新特性概览 ant ant.design rekit 先记录两篇博文,等有时间,整理一篇

redux学习笔记

3.6 Reducer Store 收到 Action 以后,必须给出一个新的 State,这样 View 才会发生变化.这种 State 的计算过程就叫做 Reducer. Reducer 是一个函数,它接受 Action 和当前 State 作为参数,返回一个新的 State. 3.3 Action State 的变化,会导致 View 的变化.但是,用户接触不到 State,只能接触到 View.所以,State 的变化必须是 View 导致的.Action 就是 View 发出的通知,表

Redux学习笔记-基础知识

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "Helvetica Neue"; color: #404040 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px "Helvetica Neue"; color: #737373 } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 16.0px "

Redux学习笔记(一)

Redux 是 JavaScript 状态容器,提供可预测化的状态管理. 使用Redux应该遵循一下原则: 整个应用共享的state应该存储在store的状态树中,store是唯一的: state不能直接修改,只能通过action表达修改的意图,调用dispatch()修改state: state的修改规则reducers必须是一个纯函数,不能有副作用. Redux提供的API createStore createStore方法的作用就是创建一个 Redux store 来以存放应用中所有的 s

redux异步操作学习笔记

摘要: 发觉在学习react的生态链中,react+react-router+webpack+es6+fetch等等这些都基本搞懂的差不多了,可以应用到实战当中,唯独这个redux还不能,学习redux还学的挺久的. 其中困扰我最久的就是redux的异步数据流的处理.难点主要是概念太多,接触的词太多,而且网上的案例看的头都疼,很容易晕,已经晕了好多次了.后来被我简化之后,终于搞懂了,哈哈.!来来来,今天总结一下,希望对大家有所帮助.不过本人主要是介绍redux的异步操作,如果对redux不是很熟

react之redux的学习笔记

主流的数据框架:Flux (单向数据量,比较重大,实用性不强) reFlux redux(简单 单一状态树) mvc model: 数据 view: 显示 controller: 管理(action) npm install react-redux redux