react-redux笔记

用vuex来对比来说明

分类	vuex	redux	react-redux
写state	commit mutation (mutable state)	dispatch reducer (immutable state)
读state	组件实例能取到$store属性，通过计算属性的方式拿到想要的state	store.getState	用connet封装组件，state和dispacher 会以prop的形式注入组件中
订阅state	计算属性本身就是响应式的，无需其他操作	store.subscribe	在connet封装后的组件中subscribe，视图组件直接收到新的prop，而无需对state的变化有感知
模块化	module组装, namespace命名空间	combineReducers
异步	用action(异步操作包含在action中)派发mutation	用中间件处理包含异步操作的函数，在异步函数或promise回调中派发reducer
概念辨析	vuex的action和redux的action不是一个东西 vuex的action相当于redux中传给中间件处理的异步函数; redux中的action相当于在vuex中commit一个mutation时传的参数集合(包含mutation名称和payload)

转载于:https://www.cnblogs.com/natsu07/p/10774562.html

react-redux笔记相关推荐

初学redux笔记，及一个最简单的redux实例
categories: 笔记 tags: react redux 前端框架把初学redux的一些笔记写了下来分享一个入学redux很合适的demo, 用redux实现计数器这是从阮一峰老师git ...
react组件卸载调用的方法_好程序员web前端培训分享React学习笔记（三）
好程序员web前端培训分享React学习笔记(三),组件的生命周期 React中组件也有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化.运行中.销毁.错误处 ...
React Redux入门
目录入门我们应该什么时候使用? Redux库和工具 Redux Toolkit Redux DevTools 扩展 demo练习准备工作: 基础示例 Redux Toolkit示例 Redux术语 ...
React+Redux开发实录（一）搭建工程脚手架
React+Redux开发实录(一)搭建工程脚手架 React+Redux开发实录(二)React技术栈一览搭建工程脚手架准备工作安装node 安装git 安装一款前端IDE 推荐VSCode, ...
基于 react, redux 最佳实践构建的 2048
前段时间 React license 的问题闹的沸沸扬扬,搞得 React 社区人心惶惶,好在最终 React 团队听取了社区意见把 license 换成了 MIT.不管 React license ...
React学习笔记6：React Hooks API总结
useState-保存状态(惰性初始化) 作用函数组件添加状态注意事项初始化以及更新state 用来声明状态变量使用步骤(使用useState来创建状态) 引入import React,{us ...
React Redux 的一些基本知识点
一.React.createClass 跟 React.Component 的区别在于后者使用了ES6的语法,用constructor构造器来构造默认的属性和状态. 1. React.createCl ...
react学习笔记1--基础知识
什么是react A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES[React是一个用于构建用户界面的JavaScript库.] React之所以快, ...
react render没更新_web前端教程分享React学习笔记（一）
web前端教程分享React学习笔记(一),React的起源和发展:React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写 ...
【视频】React redux toolkit创建状态切片
React redux toolkit创建状态切片

react-redux笔记

react-redux笔记相关推荐

最新文章

热门文章