useReducer

【React的作弊模式】理解useReducer的优势和高级用法

或许你已经知道，“当多个state需要一起更新时，就应该考虑使用useReducer”；或许你也已经听说过，“使用useReducer能够提高应用的性能”。
csRyan·2020-06-29 10:25

尽量使用 useReducer，不要使用 useState

原文：useReducer,don'tuseState本文难度：入门级别本文默认你已经大概了解过ReactHooks，如果不了解可以先看看ReactJS的文档。
weixin_33675507·2020-06-28 03:42

2020年你应该知道的React库

React状态管理React内置的hooks来管理局部状态：useState,useReduceruseContextTips局部状态:React的useState,useReducer,useContextHooks
这碗花里只有粥·2020-06-25 11:22

hooks函数useReducer和useContext实现redux跨组件通信

目录需求：父组件下两个子组件，点击1修改数据，在组件2显示reducer.js父组件content.js子组件1子组件2需求：父组件下两个子组件，点击1修改数据，在组件2显示思路：父组件通过createContext.Provider传递数据与方法子组件通过useContext进行获取数据与方法通过方法操作reducerreducer.jsexportconstdefaultState={valu
哈娄·2020-06-22 17:26

Vue3 新特性 Hook + TypeScript 实战图书管理项目

在React社区中，Context+useReducer的新型状态管理模式广受好评，那么这种模式能不能套用到Vue3之中呢？这篇文章就从Vue3的角度出发，探索一下未来的Vue状态管理模式。vue-c
神三元·2020-06-21 12:44

React hook 源码学习

useCallback,useContext,useEffect,useImperativeHandle,useDebugValue,useLayoutEffect,useMemo,useMutableSource,useReducer
NsNe·2020-05-29 07:14

用动画和实战打开 React Hooks（三）：useReducer 和 useContext

熟悉React开发的同学一定听说过Redux，而在这篇文章中，我们将通过useReducer+useContext的组合实现一个简易版的Redux。首先，我们将带你
一只图雀·2020-05-28 00:04

使用 React 自带的 useReducer 和 useContext 来实现 Redux（包含异步 action 的解决方案）

注意：每次Store的变更都会对所有引入Context的组件造成一次渲染计算，所以在Store树很复杂或变更很频繁的情况下不推荐使用此方案。建议拆分成多个Context。2019年5月更新发布了@minax/redux-hooks先上代码和在线执行链接，下面的代码注释中有一些解释CodeSandbox在线执行地址importReact,{createContext,useContext,useRe
何锦余·2020-02-16 04:26

小技巧：使用useContext和useReducer构建小型redux

对于两个子组件间的通信，相信我们开发中并不少见，基于我们都不怎么喜欢redux的坚持…...其实我一直在用团队老大此前写的globalBus持续真香，我在上一篇文章也有讲到那玩意的原理和实现，但是老大说现在可以不用啦，新版hooks两个api联用，更香，于是我简单的实践了一番，发现…真香。首先你需要在两个子组件之上的一层架设你的contextchilFirst和ChildSecond是我建立的两个
dubinbin·2020-01-11 11:32

React24Hooks钩子之useReducer

useReducer是useState的一个增强体，可以用于处理复杂的状态管理useReducer可以完全替代useState，只是我们简单的状态管理用useState比较易用对比一下useState和
Godfi·2020-01-07 00:00

React Hooks 完全指南，读React作者博文感悟（2W字精华）

github.com/gaearon重点总结useEffect是同步的状态是捕获的当前props和state可以通过useRef获取改变后的props和state依赖项[]不能欺骗复杂的状态变化应该使用useReducer
zhongmeizhi·2020-01-04 10:10

React Hooks 完全指南，读React作者博文感悟（2W字精华）

github.com/gaearon重点总结useEffect是同步的状态是捕获的当前props和state可以通过useRef获取改变后的props和state依赖项[]不能欺骗复杂的状态变化应该使用useReducer
zhongmeizhi·2020-01-03 19:00

React Hooks useContext + useReducer实现简易Redux

contextapi是简化版的redux，他没有redux强大生态体系，结合各自中间件例如thunk或saga，做datafetching或处理sideeffect，不过单单想存一些sharedata避免propsdrilling的问题却绰绰有余。context提供了一个无需为每层组件手动添加props，就能在组件树间进行数据传递的方法reducer应是纯函数，根据旧的状态和新的参数计算出最新的状
晓风残月1994·2019-11-19 09:52

React 源码阅读-8_039

import{useCallback,useContext,useEffect,useImperativeHandle,useDebugValue,useLayoutEffect,useMemo,useReducer
xiaoping·2019-10-17 03:11

react中useContext与useReducer 代替 redux

1.useContext与useReducer主要思想：1.使用redux的action以及dispatch方法将数据存在一个组件中；2.使用createContext,useContext进行父子组件传值
start_zjj·2019-10-15 18:36

React Hooks简易实现redux状态管理

ReactHook中提供的useContext、useReducer以及contextAPI可以实现类redux的状态管理功能，具体API的使用方法见官方文档，这里结合TypeScript演示如何进行组件的状态管理首先创建共享数据的
roamingcode·2019-09-15 22:34

使用React hooks处理复杂表单状态数据

您可能正在使用Hooks的一个用例是：使用useState或useReducer管理表单状态。让我们考虑一个场景，您必须管理具有多个输入的复杂表单状态，这些表单输入可以是几种不同的类型，
前端知否·2019-09-09 00:00

如何使用useReducer Hook

咱们将一起讨论“reducer”实际上是什么，以及如何利用useReducer来管理组件中的复杂状态，以及这个新钩子对Redux意味着什么？
可乐程序员·2019-08-30 15:47

如何使用useReducer Hook

咱们将一起讨论“reducer”实际上是什么，以及如何利用useReducer来管理组件中的复
·2019-08-28 00:00

【译】了解 useReducer

原文：GettingtoKnowtheuseReducerReactHook作者：KingsleySilas译者：博轩useReducer是React16.8.0中为数不多由官方提供的ReactHook
joking_zhang·2019-07-28 00:00

这一次彻底搞定 useReducer - useContext使用

useReducer-基础概念篇useReducer-使用篇useReducer-配合useContext使用欢迎回到我们的useReducer系列第三篇，如果这是你第一次看到这个系列，推荐先看看前两篇
人人贷大前端技术中心·2019-06-18 13:20

基于Hook的React状态管理系列-基础篇

useReducer-基础概念篇useReducer-使用篇useReducer-配合useContext使用useReducer是React提供的一个高级Hook，它不像useEffect、useState
人人贷大前端技术中心·2019-06-18 13:08

React 使用Hooks简化受控组件的状态绑定

React本身提供了一些Hooks，比如useState、useReducer等。通过在一个以“use”作为命名起始的函数中调用这些Hooks，
stockholm·2019-03-18 10:25

[React] Use the useReducer Hook and Dispatch Actions to Update State (useReducer, useMemo, useEffect)

AsanalternatetouseState,youcouldalsousetheuseReducerhookthatprovidesstateandadispatchmethodfortriggeringactions.Inthislesson,we’llcentralizelogicthatisspreadacrossawebapplicationandcentralizeitusingth
Zhentiw·2019-02-24 17:00

useEffect与useLayoutEffect

（setState，使用useState），访问ref（使用useRef或useImperativeMethods），访问context(使用useContext)，使用更高级的setState设置（useReducer
司徒正美·2018-12-24 00:00

React Hooks实现异步请求实例—useReducer、useContext和useEffect代替Redux方案

本文是学习了2018年新鲜出炉的ReactHooks提案之后，针对异步请求数据写的一个案例。注意，本文假设了：1.你已经初步了解hooks的含义了，如果不了解还请移步官方文档。（其实有过翻译的想法，不过印记中文一直在翻译，就是比较慢啦）2.你使用Redux实现过异步Action（非必需，只是本文不涉及该部分知识而直接使用）3.你听说过axios或者fetch（如果没有，那么想象一下原生js的pro
Marckon·2018-11-30 00:00

react-hooks-redux

react-hooks是react官方新的编写推荐，我们很容易在官方的useReducer钩子上进行一层很简单的封装以达到和以往react-redux\redux-thunk\redux-logger类似的功能
水落斜阳·2018-11-12 10:31
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他