​ 编写store.js 小state reducer 怎么来 纯函数 state+action 生成新的state actions type return{ } state action === setstate(()=>{}) reducer.js 生成新的state 计算 action.js  修改state (数据初始化,和操作方法) _actionsType.js 页面引入 import {connent}from 'react-redux' 1.src 下面有一个大的store>s…

学习React有一段时间了,但对于Redux却不是那么理解.网上看了一些文章,现在把对Redux的理解总结如下 从需求出发,看看使用React需要什么 1. React有props和state props => 父级分发下来的属性 state => 组件内部可以自行管理的状态 React有个特点就是,它没有数据向上回溯的能力,也就是说数据只能单向向下分发,或者自行内部消化 2. 构建的一个React组件内部可能是一个完整的应用, 它自己可以工作的很好. 但是你会发现React根本无法让两个组件…

React Fiber   16版本 registerServiceWorker 的作用 PWA  progressive web application  写手机app应用   在断网的情况下,第二次访问会缓存 ReactDOM.render 会把组件挂载到真实DOM节点上 JSX语法   js里面写html + 自定义组件(自定义组件名称必须大写) bind(this,  index) 可以在bind里面传递参数 list.splice(index, 1) 删除一项 state 不允许直接做…

​ 创建项目第一步 基本搭建 在创建之前,需要有一个git 仓库,我们要把项目搭建到git 中 目录介绍 cd 到某个盘 mkdir workspace 创建workspace文件夹 cd workspace 进入workspace文件夹 workspace一般为我们仓库和项目总目录 git@1 仓库一(前端自己项目,如果自己是前端leader) www.bdplus.cn 为上线文件夹 pc或w 为 pc 电脑端项目 h5或m 为h5 网页或app 中网页或公众号 minstore 小程序(如…

​ 创建项目第一步 基本搭建 在创建之前,需要有一个git 仓库,我们要把项目搭建到git 中 目录介绍 cd 到某个盘 mkdir workspace 创建workspace文件夹 cd workspace 进入workspace文件夹 workspace一般为我们仓库和项目总目录 git@1 仓库一(前端自己项目,如果自己是前端leader) www.bdplus.cn 为上线文件夹 pc或w 为 pc 电脑端项目 h5或m 为h5 网页或app 中网页或公众号 minstore 小程序(如…

为了防止被打,有请"燕双鹰"镇楼️‍♀️️‍️‍...o... 话说新冠3年,"状态管理框架"豪杰并起.群雄逐鹿,ReduxToolkit.Mobx.Vuex.Pinia.Dva.Rematch.Recoil.Zustand.Mirror...敢问英雄独钟哪厢? Flux状态管理 笔者也用过很多态管理框架,大部分都是Flux框架的变种,只不过加上了一些自己的糖衣和辅助方法. 只要糖衣做得好,省时省力人人要! 后面随着Typescript的普及,自动类型推断也是状态管…

redux: 用来管理react app 状态(state)的一个架构. store: 通过createStore()创建,用来存放state,与react app是完全分离的.createStore至少有一个参数rootReducer(dispatch会调用reducer) react app通过connect()函数与store连接,并通过props获取到store里相应state的数据.store通过dispatch()方法发起action动作,从而改变state. Provider: r…

这个demo只有一个reducer 所以合并reducer这个demo用不到 ,但是我写出来这样大家以后可以用到,很好用,管理多个reducer,因为只要用到redux就不会只有一个reducer所以这个合并reducer很好用. 需要的技术:react-redux    redux实现状态管理 装饰器:babel-plugin-transform-decorators-legacy下载 第一步下载transform-decorators-legacy npm install babel-plu…

In this lesson we'll walk through setting up an updater function that can receive an action argument. We'll also dive into how to separate your state management logic into a separate reducer function much like how Redux operates. It will receive an a…

action creator 是一个函数,格式如下: var actionCreator = function() { // 构建一个 action 并返回它 return { type: 'AN_ACTION' } } action 是一个拥有 type 属性的对象,用来描述发生了什么,然后按 type 决定如何处理 action. 举一个例子,获取数据是一个 action,一个点击是一个 action,一个 input 变化也是一个 action 等等. 下面是一些 action 的示例:…