React-redux

Redux 入门教程（二）： 中间件与异步操作

tips:当前文章并非原创，详情请关注阮一峰老师的个人网站上一篇redux入门教程（一）下一篇Redux入门教程（三）：React-Redux的用法headerImage但是，一个关键问题没有解决：异步操作怎么办
sudhengshi·2020-08-22 03:23

redux和react-redux的吐槽

redux使用react还在测试阶段的context脱离传统事件流，只为了能跨组建获取数据，看react-redux的过程里放一首洋葱更贴切，实在搞不懂，这一坨屎一样的一层又一层的嵌套只为能得到props
马贞晓·2020-08-22 00:59

RN学习笔记2-Redux

就没法应付，所以Redux应运而生，但是Redux又很乱，我觉得乱主要是以下原因：需要声明的东西多需要声明的地方多API方法的命名很莫名其妙下面就来总结一下使用二、安装需要在项目里添加如下依赖(版本无所谓)"react-redux
Realank·2020-08-21 17:25

利用 React 高阶组件实现一个面包屑导航

React高阶组件在React生态中使用的非常频繁，比如react-router中的withRouter以及react-redux中connect等许多API都是以这样的方式来实现的。
Duang·2020-08-21 15:07

react-redux的provider和connect

react、redux、react-redux之间的关系Redux是React大家庭的一个重要成员，需要特别强调的是Redux本事是不依赖react的。
尼古拉斯-托尔斯泰-赵四·2020-08-21 15:25

React使用过程中问题解决（1）

1，环境介绍：通过create-react-app搭建React项目，添加路由组件React-Router，样式组件AntdDesign（简称antd），状态管理机react-redux等组件。
灵鹫宫的瓢把子·2020-08-21 15:02

利用 React 高阶组件实现一个面包屑导航

React高阶组件在React生态中使用的非常频繁，比如react-router中的withRouter以及react-redux中connect等许多API都是以这样的方式来实现的。
Duang·2020-08-21 13:14

手写实现react-redux的Hook API

前言本文章的内容，不会对基础的HookAPI进行讲解，比如（可以从官网直接看到）reactHookAPI：https://zh-hans.reactjs.org/d...useStateuseEffectuseContext直接放一个demo，自行学习吧。也不是很难importReact,{useState,useEffect}from'react'exportdefaultfunctionHoo
哦哈哈·2020-08-21 03:45

react-Redux的API的使用及原理讲解和手动实现方法

对react-Redux的应用与理解在平时中，我们直接去使用Redux，需要每个页面都需要引入store，执行getState()来获取到值，以及需要每次都进行订阅和取消订阅。
哦哈哈·2020-08-21 03:14

redux和react-redux源码解析

概述在react项目中，redux经常用来管理应用的数据，react-redux用来绑定redux,这样你的组件可以从store中读取数据，并且可以dispatchactions更新store,redux
lizeyuan·2020-08-21 03:50

手写一个React-Redux，玩转React的Context API

上一篇文章我们手写了一个Redux，但是单纯的Redux只是一个状态机，是没有UI呈现的，所以一般我们使用的时候都会配合一个UI库，比如在React中使用Redux就会用到React-Redux这个库。
蒋鹏飞·2020-08-21 03:49

手写一个Redux，深入理解其原理

本文只会实现Redux的核心库，跟其他库的配合使用，比如React-Redux准备后面单独写一篇文章来讲。有时候我们过于关注使用，只记住了各种使用方式，反而忽略了他们的核
蒋鹏飞·2020-08-21 03:46

react-redux学习

redux学习笔记学习动机随着JavaScript单页应用开发日趋复杂，JavaScript需要管理比任何时候都要多的state（状态）。这些state可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括UI状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。使用的情形用户的使用方式复杂不同身份的用户有不同的使用方式（比如普通用户和管理员）多个用户之间可以协作与服务
flura·2020-08-20 06:21

redux、react-redux、中间件基础知识记录

redux,react-redux等知识也比较老了，网上也有很多的例子和讲解，我这里只是自己动手去实际操作了下redux等内容，给自己记录下cra快速创建项目npxcreate-react-app项目名称安装
RowanIT3·2020-08-19 16:11

react-redux的使用

文章目录认识react-reduxreact-redux的使用react-redux相关APIProviderconnect()mapStateToprops()mapDispatchToProps()
亦是木子也是雨·2020-08-19 00:22

Vuex与Redux对比

而Redux则是一个纯粹的状态管理系统，React利用React-Redux将它与React框架结合起来。
就是一个前端·2020-08-18 23:24

React 实践心得：react-redux 之 connect 方法详解

原文链接：http://taobaofed.org/blog/2016/08/18/react-redux-connect/Redux是「React全家桶」中极为重要的一员，它试图为React应用提供「可预测化的状态管理」机制。Redux本身足够简单，除了React，它还能够支持其他界面框架。所以如果要将Redux和React结合起来使用，就还需要一些额外的工具，其中最重要的莫过于react-re
ssfzFZ·2020-08-18 16:27

一起学习造轮子（一）：从零开始写一个符合Promises/A+规范的promise

，本篇我们将从零开始写一个符合Promises/A+规范的promise，本系列文章将会选取一些前端比较经典的轮子进行源码分析，并且从零开始逐步实现，本系列将会学习Promises/A+，Redux，react-redux
weixin_34413802·2020-08-18 05:26

看不懂react-redux就写一个，超精简版

react-redux的代码，还挺多的，偷懒不想看，但是又怕别人问原理，所以就手撸一个来玩玩，超精简惯例，先看react-redux的使用，这是一个按钮加一个p标签，初始化是0，点了以后随机生成数字，很简单
vzhufeng·2020-08-18 03:03

React脚手架整合Redux和React-Redux的步骤

1.首先初始化项目，创建一个脚手架create-react-appdemo01创建好项目之后将一些无用的东西都删除掉，只留下这两个文件足以。2.先进行组件的细分，使组件的结构清晰，可以实现类似todomvc一样的结构用来做demo然后创建如下的目录其中action文件用来作为一个方法，在仓库store提交一个action的时候动态返回一个可使用的action，从而加强了action的功能，这里是一
你在代码里下了毒·2020-08-18 01:36

Redux源码学习篇(二) -- react-redux实现

本文会逐步探索redux到应用分为3个系列redux实现react-redux实现redux中间件的应用与实现文章目录作用核心实现ProviderConnect反思作用它帮助我们连接UI层和数据层。
平常心_c·2020-08-18 01:05

react前端框架dva(一)

dva简化了react-redux的部署的文件复杂度。使其清晰易懂。相信熟悉redux的人，并不需要了解太多知识就能很快的上手。Dva的安装首先需要安装的是dva-cli。
zhangrui_web·2020-08-17 07:45

react-redux实现监听多个输入框值，新增数据。一整套代码

1.mutation.js中exportconstcreateSupportRecord=`mutationcreateSupportRecord($support:CreateSupportRecordInput!){createSupportRecord(input:$support){idtimesupporterproblemscommentsuserId}}`;2.types.jsexp
热爱前端的小君同学·2020-08-17 02:41

react-redux连接react与redux入门案例[分目录结构]

一、实现一个点击点击翻译文字内容二、效果图如下:三、项目结构|--src//项目文件|----actions//存放actions的文件|------index.js|----components//存放展示组件|------Hello.jsx|----container//存放容器组件|------ConnectHello.js|----reducers//存放reducers|------ch
水痕01·2020-08-17 01:39

React各个文件夹的作用

index.js代码：importReactfrom'react';importReactDOMfrom'react-dom';import{Provider}from'react-redux';import'normalize.css
缓月·2020-08-16 23:32

react-redux的异步action跨域获取数据（中间件thunk以及redux-promise-middleware的使用）

react中跨域获取数据的过程首先进行跨域的设置在项目src目录下添加一个setupProxy.js的文件constproxy=require("http-proxy-middleware");module.exports=(app)=>{app.use("/api",proxy({//api是随便写的target:"",//这里写要代理的地址必须写changeOrigin:true,pathRe
王小唔·2020-08-16 22:20

React-Redux 源码解析 二（middleware）

前言上一章节我们已经解析了Redux的createStore的基本使用方法。其中有涉及到第三个参数enhancer，其对应的就是中间件的概率，我们这一章节我对其进行简单的分析.Demo下面代码是一个我们使用了中间件的一个简单的demo我可以根据下面的步骤执行脚本，可以运行demo查看效果:[email protected]:bluebrid/redux-learning.git2git
weixin_33853827·2020-08-16 09:30

react-redux详细使用方法

文件目录*---store//存放redux，数据，以及action*---store子目录actions//存放action的文件夹reducers//存放reducer的文件夹actionTypes.js//存放所有的actionTypeindex.js//store的入口文件安装npminstallreduxreact-redux-Scnpminstallreduxreact-redux-S
hcg1023·2020-08-16 08:52

React Native入门篇—redux react-redux react-navigation-redux-helpers的安装和配置

注意：未经允许不可私自转载，违者必究ReactNative官方文档：https://reactnative.cn/docs/getting-started/redux官方文档：https://www.redux.org.cn/项目地址GitHub地址：https://github.com/zhouwei1994/nativeCase.git安装reduxreact-reduxreact-navig
长腿欧巴~·2020-08-15 20:03

Redux中间件使用（redux-thunk,redux-logger)

前端分享过Redux的工作流程以及使用React-Redux来简化开发流程，感兴趣点这里查看。
乐闻x·2020-08-15 14:26

Hook改变的React Component写法思路(4) - useReducer

目前使用Redux的小伙伴们可能还需要用原来的react-redux提供的connectHOC一段时间。
杰尼js·2020-08-14 23:39

React-Redux的基本使用

一、引入文件安装reduxcnpminstallredux--save安装react_reduxnpminstallreact_redux—save二、项目目录src文件夹下新建store文件夹（src/store/index.js）index.js文件内容：import{createStore}from'redux'importreducerfrom'./reducer'conststore=c
諾城·2020-08-14 17:22

Redux源码分析(1) - Redux介绍及使用

通常在React中使用Redux时，还使用到React-Redux、Redux-Saga。  
夕阳枫·2020-08-14 00:55

react-redux 源码解读之connect的mapDispatchToProps

react-redux源码解读之connect的mapDispatchToProps以这样写法的mapDispatchToProps为例讨论initConstantSelector与bindActionCreatormapDispatchToProps
ybdt1201·2020-08-13 23:46

React-Redux 源码解析 一（createStore）

createStore一般而言，我查看一个库的源代码，首先回查看对应方法的参数，其次是对应的return,然后再看代码的具体实现。通过查看源码，发现createStore方法返回了一个对象，该对象共暴露出了五个方法，四个常用的方法:return{dispatch,subscribe,getState,replaceReducer,[$$observable]:observable}复制代码查看源码
weixin_34409822·2020-08-13 21:14

深入理解redux之从redux源码到react-redux的原理

在使用react的过程中，用redux来管理应用中的状态，使应用流更清晰的同时也会有小小的疑惑，比如reducer在redux中时怎么发挥作用的，为什么只要写好reducer，和dispatch特定action配合，store的状态就会更新了，而react组件又是如何和store的状态产生关系的，为什么随着store状态的更新，react组件会被自动更新，下面就从redux的源码开始来总结下这其中
weixin_34399060·2020-08-13 21:41

react-redux源码分析及实现原型（上）

redux作为大型应用的状态管理工具，如果想配合react使用，需要借助react-redux。redux主要完成两件事情：负责应用的状态管理，保证单向数据流当应用状态发生变化，触发监听器。
weixin_34115824·2020-08-13 21:37

React-Redux 源码解析

前言本系列的目有四个:学习Redux源码，掌握Redux的基本原理和常用方法学会使用Redux学习React-Redux源码,掌握Redux怎么与React连接学会使用React-Redux准备环境下载
weixin_33692284·2020-08-13 21:14

react - redux 源码解读

react-redux源码解读redux的所有源码文件如下截图createStore函数combineReducersbindActionCreatorsapplyMiddlewarecompose__
wangweiren_get·2020-08-13 20:38

React+Redux实现简单的待办事项列表ToDoList

/details/54809630转载请添加该地址】使用Redux做了一个简单的ToDoList待办事项列表这个例子也是源于Redux作者DanAbramov的视频demo还要特别说明一下我还没有使用react-redux
_accelerator_·2020-08-13 16:19

redux 及 react-redux基本用法及源码解析

点到为止了，所以我也就尝试去看了redux以及react-redux源码，确实坎坷。在此对看过的一些资料做一个总结。
luke_up·2020-08-13 15:43

react-redux部分关键源码解析

硬菜源码解析（部分关键源码）：createStoreexportdefaultfunctioncreateStore(reducer,initialState){//这些都是闭包变量varcurrentReducer=reducervarcurrentState=initialStatevarlisteners=[]varisDispatching=false;//返回当前的state，核心方法之
luke_up·2020-08-13 15:11

react组件引用less样式失效问题记录

项目中使用了less来预处理css,但是在项目中却遇到了引用样式不生效的问题，现记录如下：页面代码：importReact,{Component}from'react'import{connect}from'react-redux'import
caperxi·2020-08-13 13:32

react-redux源码解析

react-redux是为react而生的，是为了在react项目中能够更方便的使用redux，所以有了react-redux这个库。
小琳同学·2020-08-13 12:55

react-redux的源码分析

react-redux的源码分析这里简单带着大家看一下react-redux的源码：但是第一因为这个教程不是讲源码为主的教程（穿插讲解部分源码），所以源码只会阅读核心的部分；另外我经常会说，整个社区在hooks
胡歌的小奶音·2020-08-13 11:49

动手实现react-redux

这篇文章主要讲react-redux的实现原理，同时更好的去理解react中高阶函数的应用这里主要实现Provider组件和connect函数，新建react-redux文件夹，里面新建入口文件index.js
chenwl·2020-08-12 22:48

React之react-redux

react-redux相关概念及设计思想介绍1、react-redux将所有组件分为两大类UI组件（负责UI的呈现）和容器组件（负责管理数据和逻辑）。
bao18310231338·2020-08-12 16:38

React-Redux类似任务管理示例

概述：基于React、Redux，参考官方示例，实现组件状态管理。图示：文件目录：│.babelrc│.eslintrc│package.json│├─config│webpack.config.js│webpack.production.config.js│├─public└─src├─company││index.js││index.tmpl.html│││├─actions││items.j
weixin_33788244·2020-08-12 16:20

react和react-native中如何使用redux简易说明

但是，为了在react技术中，使用的很爽，就加了一个react-redux，帮我们解决了redux
qq_42991509·2020-08-11 15:44

react-redux源码解析

react-redux源码1.Provider：把基于属性传递进来的store挂载到上下文上2.connectprovider创建一个组件并把store挂载到上下文中供后代使用connect是干啥的把两次执行的返回结果给
六点路人·2020-08-11 00:24
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他