E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
【Redux
JS设计模式
单例模式应用场景:JQuery中的$、Vuex中的Store、
Redux
中的Store等二、工厂模式工厂模式就相当于创建实例对象的new,提供一个创建对象的接口。
钱罗罗_
·
2023-10-16 05:30
全新的 React Context API
在父子组件之间通常通过props来传递参数,而非父子组件就比较麻烦了,要么就一级一级通过props传递,要么就使用
Redux
orMobx这类状态管理的状态管理库,但是这样无疑增加了应用的复杂度。
Haley_han
·
2023-10-16 04:37
React-Native 数据持久化探索
使用RN也有一段时间了,但是却未试过在RN项目中实现数据的持久化,虽然项目继承了react-
redux
,但是数据存在于内存中,用户关闭APP后,需要重新初始化数据,网上大多RN数据持久化都是将一些数据存在
我叫傻先生
·
2023-10-16 04:46
Redux
Store-标准化
构建有效的
Redux
Store在构建
Redux
store时,需要记住以下两个事项:数据不要重复。如果数据存储在多个位置,就没有单一数据源,就会浪费资源来使数据相互同步。store尽量很浅。
StevenQin
·
2023-10-16 04:09
一起来学点
redux
-saga
1.概述
Redux
-saga是一个用于管理
Redux
应用异步操作的中间件(又称异步action)本质都是为了解决异步action的问题
Redux
Saga可以理解为一个和系统交互的常驻进程,这个线程可以通过正常的
董董董董董董董董董大笨蛋
·
2023-10-15 23:32
react基础知识总结
学习内容:1.虚拟dom2.组件:1.父子2.子父3.跨级4.组件类型3.路由:1.封装2.路由表3.路由传参4.路由拦截4.
Redux
:虚拟dom:描述真实dom的一个对象。
____白山茶
·
2023-10-15 20:58
react
react.js
fish-
redux
(二):effect的使用
1.effect打印上面的实例中并没用到effect,现在在effect代码中添加:EffectbuildEffect(){returncombineEffects(>{Lifecycle.initState:_init,PageAction.update:_onUpdate,});}void_init(Actionaction,Contextctx){println("Effect:_init"
谢伟浩
·
2023-10-15 18:45
第55节——
redux
-toolkit中的createReducer——了解
一、概念当我们使用
Redux
开发应用程序时,一个非常重要的概念就是reducer。一个reducer是一个纯函数,它接受先前的状态和一个动作,然后返回一个新状态。
爱在你心中
·
2023-10-15 09:32
react
javascript
前端
react.js
第54节——
redux
-toolkit中的configureStore
一、概念configureStore是
Redux
Toolkit中的一个工厂函数,用于创建
Redux
store。
爱在你心中
·
2023-10-15 09:31
react
javascript
前端
react.js
第56节——
redux
-toolkit中的createAction——了解
一、概念createAction是一个用于创建
Redux
actioncreator的函数,它可以让你更快地编写
Redux
相关的代码,并且更加易于阅读和维护。
爱在你心中
·
2023-10-15 09:57
react
javascript
前端
react.js
React全家桶的一种配置方法
初始化mkdir[项目目录]cd[项目目录]npminit包安装npminstallreactreact-dom
redux
react-
redux
react-routerreact-router-dom
redux
-thunkroadhogantdnpminstall-Dbabel-plugin-dva-hmrbabel-plugin-transform-runtime
罗超伟
·
2023-10-15 04:15
React组件通信方法
EventBubbling兄弟组件:5、ParentComponent不相关组件:6、Context7、ComponentComposition8、Portals9、ObserverPattern10、
Redux
无敌美少女2000
·
2023-10-15 03:37
前端
react.js
javascript
前端
React组件通信
我将归纳为以下几种关系来详述:父组件与子组件之间,子组件与父组件之间,发布者与订阅者模式(context),兄弟组件间,
redux
也是一种组件管理的方法,但是
redux
状态管理的内容比较多,这里只做简单介绍
xiaofeng123aazz
·
2023-10-15 03:37
reactjs
react之组件通信方式总结
react之组件通信方式总结组件间的关系:父子组件兄弟组件祖孙组件几种通信方式:1、propschildrenpropsrenderprops2、消息订阅-发布pubs-sub/event等等3、集中式管理
redux
琴~~
·
2023-10-15 03:37
react.js
前端
javascript
【React】React组件通信(详解)
目录前言父子组件通信父子组件案例props-父传子props-子传父非父子组件通信非父子组件案例Context跨组件通信消息订阅-发布机制
redux
通信react-
redux
通信总结前言目前我们所学习到的
aDiaoYa_
·
2023-10-15 03:03
React
react.js
前端
前端框架
解决typescript项目报错:找不到模块“xxx”或其相应的类型声明
:在项目根目录下新建后缀为.d.ts文件,然后通过declaremodule将相应的资源类型放进去即可比如上面的例子:新建一个typing.d.ts文件,然后声明一行:declaremodule"@/
redux
kingtopest
·
2023-10-14 21:10
typescript
javascript
前端
单例模式
◆系统中被唯一使用◆一个类只有一个实例应用场景:◆登录框◆购物车◆jQuery只有一个$◆vuex和
redux
中的store单例模式符合下列设计原则:◆符合单一职责原则,只实例化唯一的对象◆没法具体开放封闭原则
zxhnext
·
2023-10-14 19:08
React-
redux
使用教程
目录一React-
Redux
的应用3.什么是
Redux
4.什么情况下需要使用
redux
二、最新React-
Redux
的流程1.安装
Redux
Toolkit2.创建一个React
Redux
应用
Redux
核心库基础示例
小胖梅前端
·
2023-10-14 12:19
react
react.js
前端
React-
Redux
相关知识(什么是react-
redux
、react-
redux
的原理、react-
redux
相关API、react-
redux
的基本使用)(十二)
系列文章目录第一章:React基础知识(React基本使用、JSX语法、React模块化与组件化)(一)第二章:React基础知识(组件实例三大核心属性state、props、refs)(二)第三章:React基础知识(事件处理、受控组件与非受控组件、高阶函数、组件的生命周期)(三)第四章:React脚手架应用(创建脚手架、代理配置、ajax相关、组件通信)(四)第五章:react-router5
blur:focus
·
2023-10-14 08:36
#
React
react.js
前端
javascript
React知识点系列(5)-每天10个小知识
5.请描述一下在React项目中如何使用
Redux
-Form进行表
云边散步
·
2023-10-14 05:21
react
react.js
javascript
前端
比较全面的typescript + react 开发教程
以下会涉及到ts语法和
redux
、react-router-dom的一些技巧,也是入门时学习到的。
apades
·
2023-10-14 02:33
react
ts
前端
react
typescript
[day 09] React进阶之路
在慕课网上付费买了一门实战课程觉得讲师在演示的时候并没有:实时的npmstart,保持热加载从而导致不能及时凭借控制台查看报错信息和效果在好几个章节之后,讲师才统一检查各个js文件的错误所以在课程评价里打了2颗星,并批评了一番另外便是
redux
异度世界2
·
2023-10-14 01:37
常见的
Redux
问题
在React中使用
Redux
的面试题目通常涵盖了
Redux
的基本概念、工作原理、如何在React应用中集成
Redux
等方面。以下是一些常见的
Redux
问题:
Redux
的核心概念:1、什么是
Redux
?
react_in
·
2023-10-13 22:22
react
前端
React总体思路
主要负责渲染的功能,现有的框架,比如angular是一个大而全的框架,用了angular几乎就不需要用其他工具辅助配合,但是react不一样,他只负责ui渲染,想要做好一个项目,往往需要其他库和工具的配合,比如用
redux
十八人言
·
2023-10-13 21:08
react+
redux
+antd 实现 loading 全局设置使用详细详细!
文章目录前言在
redux
中添加方法哪里用到包哪里封装请求与响应使用前言最近在做的一个项目使用的是react+
redux
+antd,有一个需求是需要在发送请求时,出现遮罩层,当数据请求成功后,遮罩层消失。
哎哟喂_!
·
2023-10-13 08:17
reactjs
ReactHooks专题-useReducer
链接:文档链接.useReducer很多人看到useReducer的第一反应应该是
redux
的替代品,其实并不是;useReducer仅仅是useState的一种替代方案;在某些场景下,如果state的处理逻辑比较复杂
Xavier-萧
·
2023-10-13 01:47
react
Hooks
reactjs
Flutter示例系列(二)之状态管理-贰(fish-
redux
)
写过前端React或者RN的大概都接触过
Redux
,本文主要讲述阿里团队开发的fish-
redux
框架。还有一个使用较多的框架flutter-
redux
,想要了解的可以参考此博文。概念1
夏目三三
·
2023-10-12 23:47
#
Flutter
redux
flutter
fish-redux
阿里闲鱼技术Fish
Redux
直播回放
昨晚阿里直播了Fish
Redux
,非常精彩。
CrazyQ1
·
2023-10-12 12:59
第52节——useSyncExternalStore封装一个简版的
redux
——了解
在我们使用诸如
redux
、mobx等第三方状态库时,如果开启了Conc
爱在你心中
·
2023-10-12 09:42
react
javascript
前端
react.js
第53节——
Redux
Toolkit初识
一、什么是
Redux
Toolkit1、概念
Redux
Toolkit是一个官方支持的、用于简化
Redux
开发的工具集。
爱在你心中
·
2023-10-12 09:04
react
javascript
前端
react.js
react-
redux
开发者工具的使用
redux
-dev-tools
然后安装
redux
-devtools-extensionnpmadd
redux
-devtools-extension或者yarnadd
redux
-devtools-extension在store中进行配置
鱼是一只鱼啊
·
2023-10-12 04:23
React
react
redux
redux-dev-tools
redux开发者工具
解决react状态管理---React Query
是一个适用于reacthooks的请求库,它可以为任何类型的异步数据提供React状态管理功能,使React中的获取、缓存、同步和更新服务器数据变得轻而易举react-query与一些传统的状态管理库如
redux
LH_R
·
2023-10-12 03:14
react
React 状态管理 - Mobx 入门(下)接入实战
app.jsx@/src/index.jsx@/src/models/home/index.js@/src/models/index.js@/src/containers/home/index.jsxMobxVS
Redux
路人i++
·
2023-10-12 03:09
React相关
react.js
前端
前端框架
10种React组件之间通信的方法
这个项目前端是用React,只是个小型项目所以并没有使用
Redux
等状态管理的库。刚好遇到了一个小问题:两个不太相关的组件到底该怎么进行通信。
web前端开发V
·
2023-10-12 03:32
javascript
js
java
react
vue
js的常用的设计模式例子
在前端开发中,这可以用于创建一个全局状态管理器,例如
Redux
或Vuex。classSingleton{constructor(){if(!
仙鹤童子```
·
2023-10-11 16:13
javascript
React
vue
javascript
设计模式
开发语言
vuex 入门详解
在SPA单页面组件的开发中Vue的vuex和React的
Redux
都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取
qq_36437172
·
2023-10-11 15:51
vuex
vuex
state
getter
mutation
action
Vuex简单入门
它借鉴了Flux和
Redux
的设计思想,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。。状态?
面条请不要欺负汉堡
·
2023-10-11 15:47
Vuex简单入门
快速入手 react项目
一、介绍react是一个前端框架,模块化,真正强大的不是一个库或者是这个框架,而是这一整个生态,要配置路由有react-route,要创建动画有spring,framer-motion,要管理状态有
Redux
hgdzw
·
2023-10-11 14:06
记录
react.js
javascript
前端
【taro react】 ---- 常用自定义 React Hooks 的实现【四】之遮罩层
1.问题场景在实际开发中我们会遇到一个遮罩层会受到多个组件的操作影响,如果我们不采用
redux
之类的全局状态管理,而是选择组件之间的值传递,我们就会发现使用组件的变量来控制组件的显示和隐藏很不方便,更不要说像遮罩层这样一个项目多处使用的公共组件
Rattenking
·
2023-10-11 13:12
Taro
React
入门到实战系列
taro
react.js
前端
构建react+react-
redux
+ts项目框架
一、使用create-react-app生成基于ts的项目框架npmcreate-react-app"myReactProgram"--templatetypescript备注:若是已有项目想要引入ts的话安装:npminstalltypescript--save-dev初始化配置文件:npxtsc--init(会生成tsconfig.json文件)配置tsconfig.json文件{//编译选项
斜影梧桐
·
2023-10-11 07:44
react.js
javascript
前端
初始化React电商+TS实战项目
技术栈脚本:TypeScript前端框架:React路由管理:React-router-dom用户界面:Antd全局状态管理:
Redux
网络请求:Axios调试工具:
redux
-devtools-extension
不羁的程序员~
·
2023-10-11 07:43
Reat
typescript
react.js
前端
React+
Redux
+Ant Design+TypeScript 电子商务实战-客户端应用 02 登录注册
Navigation.tsximport{Menu}from'antd'import{Link}from'react-router-dom'import{useSelector}from'react-
redux
'import
皮蛋很白
·
2023-10-11 05:16
实战
typescript
react.js
react+
redux
+antD Menu组件实现页面路由跳转
项目技术:react的函数式组件+
redux
+antD5.0Menu组件解决思路:1Menu组件的selectedKeys属性指向当前选中的items项,应使用变量控制其显示,需要注意,这个变量需要与items
qq_40713419
·
2023-10-11 05:13
react.js
javascript
前端
dva+react+ant.design
之前在工作中使用了了react+
redux
。近来发现有个叫dva的东西出来。
丸子丸子丸子酱
·
2023-10-11 05:42
react
react
react-
redux
深监听(watchDeep)
项目里面遇到一个情况,
redux
获取的数据,然后点击改变数据源中的一个数据,不能引起
redux
的更新。
AAA前端
·
2023-10-10 20:25
react和c 后台_React搭建后台管理系统总结
初始:通过create-react-app搭建框架主要三方库:react-router-dom
redux
react-
redux
UI库:antd组件分类:分为普通pages(包含login)和layout
基洛伊
·
2023-10-10 09:44
react和c
后台
React + React-
Redux
+ React-Router + Antd 搭建单页管理应用模板
目录前言一、实现效果环境二、搭建步骤1.创建项目2.运行项目三、项目改造1.添加
redux
-router、
redux
-router、axios、antd依赖2.修改后目录,及主要修改文件总结前言本文主要使用
人狠话不多_絮
·
2023-10-10 09:12
react全家桶
antd
react
2021-08-09/新的一周
明天学单例模式node继续学习,学习
redux
源码。还有就是早上要听浏览器的内容。努力学习,早日找到自己喜欢的公司。
yingwinwin
·
2023-10-10 07:06
在react中使用管理状态工具mobx 入门案例
redux
和mobx都是react比较热门的状态管理工具,关于两者的差异,在文章末尾会有介绍。
大鱼吃小鱼7
·
2023-10-10 06:52
react从入门到放弃
mobx的使用
mobx
入门案例
demo
小案例
react
redux
相关
redux
的适用场景页面有很多交互,有太多props需要在组件树中传递一个页面有多个ajax下面是
redux
的流程图
redux
的组成Action事件本质上就是一个JS对象必须包含type属性,只是描述了有事情要发生
aALl
·
2023-10-10 00:53
上一页
8
9
10
11
12
13
14
15
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他