Reducer

再聊 Reducer Context 和 Redux

原文链接这是一次突发奇想的感悟，感觉还挺神奇的，遂记录一下。前言作为一个React的开发者已经蛮久的了，大大小小的应用也开发了不少，除了一开始学习React时用过Redux以外，后来基本都不碰了，不管多么复杂的应用，我也简单的觉得使用Context就能够解决我所有的问题。说来惭愧，我基本没有思考过Redux存在的原因，可能是React真的做的太好了，又或者是我们现在的设备性能已经严重过剩了，让我完
·2025-03-20 01:34

React学习笔记16

一、useReducer作用：和useState的作用类似，用来管理相对复杂的状态数据使用：1、定义一个reducer函数（根据不同的action返回不同的新状态）2、在组件中调用useReducer，
充气大锤·2025-03-14 00:28

React基础之useMeno

作用：在组件每次重新渲染的时候缓存计算的结果import{useReducer,useState}from"react";functionfib(n){console.log('开始计算');if(nthisisapp
青红光硫化黑·2025-03-10 23:19

LeetCode热题100JS（37/100）第七天|排序链表|合并K个升序链表|LRU缓存|二叉树的中序遍历|二叉树的最大深度|对称二叉树

148.排序链表题目链接：148.排序链表难度：中等刷题状态：1刷新知识：-`dic.reduceRight((t,c)=>(c.next=t,c),null)`方法从数组的末尾开始执行解题过程思考示例
Alicesflower·2025-03-08 14:59

Scala高阶函数之reduce，reduceleft，fold

reducereduce函数通过二元操作符（接受两个参数）来减少集合中元素的数量，直到得到一个单独的结果。它要求集合非空，因为没有初始值可以用来开始累积过程。
lqlj2233·2025-03-06 06:58

Redux

Redux类适用所有React生态项目import{applyMiddleware,combineReducers,legacy_createStoreascreateStore,Store,compose
·2025-03-01 01:43

使用useReducer和useContext代替redux

本篇文章的受众为使用过redux，并且决定替换掉redux的人群，小白劝退哦一.useContext使用1.用途：传值，从父到子，孙，孙孙..都可以拿到值2.用法：在外面先定义Contextimport{createContext}from'react';constContext=createContext(null);exportdefaultContext;在最外层套上,这样全局都可以拿到值/
思涵欧尼·2025-02-26 03:11

使用useReducer和useContext管理组件

useReduceruseState可以用最简单的方式更新状态，但是状态更新的逻辑散落在UI中，不能独立复用，也不便于测试。使用useReducer来对一个组件的状态进行管理就可以避免这一情况。
蛮吉学长·2025-02-26 03:11

【react】进阶教程02

目录一、深度性能优化1.列表渲染优化（虚拟列表）2.使用WebWorkers处理CPU密集型任务二、复杂状态管理场景1.全局状态分层（Context+useReducer）2.异步状态管理中间件（ReduxThunk
咔咔库奇·2025-02-26 02:08

redux、react-redux、redux-thunk、redux-saga对比

reducers一个纯函数，接收两个参数(previousState,action)第一个表示修改之前的state的值，action是上一步页面通过store.dispatch(action)向st
姜无忧·2025-02-19 20:41

redux中间件saga和thunk的区别

中间件可以在发出action，到reducer函数接受action之间，执行具有副作用的操作。
江醉鱼·2025-02-19 19:37

Redux-Loop 教程：将Elm架构的力量带入Redux

它革新了处理副作用的方式，允许你在Reducers中通过返回的方
柯兰妃Jimmy·2025-02-19 08:05

初识redux

创建store：conststore=createStore(reducer)2.状态是只读的唯一改变状态的方法是触发一个action，action是一个描述状态变化的纯对象。
未命名小孩·2025-02-18 05:59

React 第二十二节 useSyncExternalStore Hook 常见问题及用法详解

1、概述在React中我们通常会使用useStateuseReducer进行数据状态更新，但是当我们需要对外部的数据状态进行处理时候，我们需要使用React提供的新Hook，useSyncExternalStore
刺客-Andy·2025-02-12 01:04

next.js + react基础（持续更新）

自定义Hook、智能组件和UI组件redux：RTK、同步状态、异步状态、状态和视图分离Router：基础使用、嵌套路由、路由模式、声明/编程式导航基础扩展：useMemo/useCallback、useReducer
wanfeng_09·2025-02-10 19:49

Hadoop智能房屋推荐系统 爬虫1w+ 协同过滤余弦函数推荐 代码+视频教程+文档

Hadoop智能房屋推荐系统爬虫1w+协同过滤余弦函数推荐带视频教程毕设设计课题设计【Hadoop项目】1.data.csv上传到hadoop集群环境2.data.csv数据清洗3.MapReducer
小盼江·2025-02-10 04:05

Hadoop解决数据倾斜方法？思维导图 代码示例（java 架构)

当某些Mapper或Reducer处理的数据量远大于其他节点时，就会导致整体任务执行时间延长，并且资源利用率不均衡。为了解决这个问题，Hadoop提供了多种策略和技术手段来优化数据分布和任务分配。
用心去追梦·2025-02-09 16:04

React-redux-dom解决刷新页面后数据丢失的问题

在reducer文件中：letshopDetailInfo=sessionStorage.getItem('data')?
YaaLee_·2025-02-08 04:38

前端 | JavaScript中的reduce方法

1.什么是reducereduce方法是JavaScript中数组的重要方法之一，用于对数组中的元素进行累积计算。它接收一个回调函数作为参数，并返回一个最终计算结果。
酒酿泡芙1217·2025-02-06 04:16

为什么我的CDH不用Hue，改用Scriptis了？

理性谈谈Hue的优缺点平时做数据开发用的比较多的是CDH的Hue，Hue提供了对接Hadoop平台的UI界面，可以对Hbase数据进行直接操作，执行Mapreducer任务时有可视化的执行界面，进行数据报表和
兔子那么可爱·2025-02-05 09:58

在react中使用redux

.react项目搭建npxcreate-react-appapp2.安装reduxnpmiredux二、创建store①store/index.jsimport{createStore,combineReducers
土豆切成丝·2025-02-05 03:20

React 的 12 个核心概念

模块化构建的核心三、Props：单向数据流的基石四、State：动态交互的核心五、useEffect：副作用管理的利器六、Context：跨层级数据共享的利器七、React.memo：优化渲染的利器八、useReducer
chenNorth。·2025-01-30 05:30

12、数据系统内置功能（字符串、数组、时间、Math、遍历器、对象成员检测、Object静态方法、对象序列化、正则表达式）

4、do-while循环5、ArrayforEach循环6、Arraymap()方法7、Arrayfilter()方法8、Arraysome()方法10、Arrayreduce()方法11、ArrayreduceRig
爱喝牛奶~·2025-01-28 02:00

redux中action的异步更新state踩坑1

reducer的异步更新state引发的问题以及处理方案有些需求比如：我们想在接口请求完成后立即获取state的状态，然后去做路由跳转等等操作，但是redux中action操作的state都是异步的，怎么办呢
尼古拉斯二嘎·2025-01-23 11:22

解决redux中state更新是异步的问题

(value))//1console.log(this.props.data)//2状态没有更新setTimeout(()=>//3状态发生了更新)于是猜想redux执行action应该是同步的,但是reducer
_Kay_·2025-01-23 11:48

Koa2——洋葱模型，简单实现

//reducer的返回值，也就是下一层的next为()=>fn(next)。constreducer=(next,fn)=>()=>fn(
三千数优一·2024-09-14 01:03

如何使用Pytorch-Metric-Learning？

1.Pytorch-Metric-Learning库9个模块的功能1.1Sampler模块1.2Miner模块1.3Loss模块1.4Reducer模块1.5Distance模块1.6Regularizer
鱼儿也有烦恼·2024-09-12 17:12

Hadoop之mapreduce -- WrodCount案例以及各种概念

文章目录一、MapReduce的优缺点二、MapReduce案例--WordCount1、导包2、Mapper方法3、Partitioner方法（自定义分区器）4、reducer方法5、driver（main
lzhlizihang·2024-09-10 07:06

ES6 reduce的实现

reducer函数接收4个参数:Accumulator(acc)(累计器)CurrentValue(cur)(当前值)CurrentIndex(idx)(当前索引)SourceArray(src)(源数组
虚年·2024-09-06 13:41

React 入门第七天：探索状态管理与Context API

组件内部的状态管理相对简单，可以通过useState和useReducer来处理。
Caleb-niu·2024-08-28 20:07

数组循环遍历方法总结及区别

数组循环遍历方法总结及区别前言一、for循环二、while循环三、do...while...循环四、forEach五、filter六、some七、every八、reduce，reduceRight九、map
zwt_vip·2024-08-25 10:23

前端精髓-React

目录React的几大原理：diff原理React的工作流程大致如下：React为什么要使用reduxRedux基本原理：Redux的核心概念包括：Redux的工作流程大致如下：整个redux工作流程：Reducer
hulovelove·2024-08-25 03:07

useState与useReducer为什么返回一个数组，而不是一个对象

import{useState,useReducer,useEffect}from"react";functionFunctionComponent(){const[count,setCount]=useState
_处女座程序员的日常·2024-03-18 21:32

粉丝：什么情况下，hive 只会产生一个reduce任务，而没有maptask

我们常规使用的mapreducer任务执行过程大致如下图：appmaster通过某种策略计算数据源可以做多少分片（getSplits方法），对应的生成固定数量的maptask，假如存在shuffle的话
浪尖聊大数据-浪尖·2024-02-20 20:04

useState和useReducer区别

useState本质上是简易版的useReducer在mount阶段，两者的区别为：useState的lastRender就是basicStateReduceruseReducer的lastRender
_处女座程序员的日常·2024-02-20 09:30

Ant Design 组件学习经验

Tree组件参考TreeSelect异步加载数据使用redux时，TreeSelect异步加载数据需要通过触发action调用后台获取数据，根据reducer更新的state显示出加载的数据。
zhulichao·2024-02-20 02:41

react 【七】各种hooks的使用/SPA的缺点

文章目录1、Hook1.1为什么会出现hook1.2useState1.3useEffect1.4useContext1.5useReducer1.6useCallback1.7useMemo1.8useRef1.8.1ref
KIKIo_·2024-02-19 21:40

Hadoop Shuffle

Whentherearemultiplereducers,themaptaskspartitiontheiroutput,eachcreatingonepartitionforeachreducetask.Therecanbemanykeys
SharlotteZZZ·2024-02-19 13:22

HIVE优化场景七--数据倾斜--Join 倾斜

当按照两个表的user_id进行join操作的时候，默认的hash操作会按照int类型的id进行分配，这样就会导致所有的string类型的id就被分到同一个reducer当中。
xuanxing123·2024-02-15 01:10

redux

多个reducer用combinReducers包裹，里面以对象的格式包裹import{createStore,combineReducers}from'redux'import{brands,brand
ticktackkk·2024-02-14 01:17

React学习笔记

文章目录1.react脚手架初始化项目2.HooksuseStateuseEffectuseContextuseReduceruseMemouseCallbackuseRef3.APIforwardRef1
张豆豆94·2024-02-12 23:24

浅入 Redux

Redux三大核心Redux的核心由三部分组成：Store,Action,Reducer。Store:是个对象，贯穿你整个应用的数据都应该存储在这里。
风之伤_3eed·2024-02-12 13:18

巧用Redux

Redux类适用所有React生态项目import{applyMiddleware,combineReducers,legacy_createStoreascreateStore,Store,compose
·2024-02-11 17:07

为什么能用 RxJS 取代 Redux ？

从reducer到视图派发更新的整个流程Redux通常在单页
·2024-02-11 17:08

SAP Spartacus checkout.reducer.ts调用时间点

输出：Jerryreduceractiontype:@ngrx/store/update-reducers10:38:18.845checkout.reducer.ts:25Jerryreduceractiontype
JerryWang_汪子熙·2024-02-09 02:40

redux基础

依旧是组件的内部的状态action:组件动作，相应的改变组件内部的状态值dispatch:发出相应的动作Redux中提供createStore方法用于生成一个store对象，这个函数接受一个初始值state值和一个reducer
华戈的小书·2024-02-09 01:14

前端JavaScript篇之数组的遍历方法有哪些？forEach和map方法有什么区别？

forEach()map()filter()for…ofevery()和some()find()和findIndex()reduce()和reduceRight()forEach和map方法有什么区别总结数组的遍历方法有哪些
星辰迷上大海·2024-02-08 21:55

redux 简单实现各组件状态管理

redux特点1.redux是集中管理共享状态的JS插件库2.store用于存储状态的容器，唯一状态树，即：store的state是一个对象，且是唯一的3.action组件改变store状态时，发布的动作4.reducer
暴躁程序员·2024-02-08 14:07

redux

index.jsconstsendAction=()=>{return{type:'send_type',value:'我是一个action'}}module.exports={sendAction};2.构建reducer
Ace__丨·2024-02-07 07:25

Redux中间件redux-thunk使用详解

redux-thunk主要用于处理reducer无法处理的异步1.什么是异步？同步：就是指前一个任务完成之后在继续执行下一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的。
噢，我明白了·2024-02-06 15:54
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他