tag redux

標籤
貢獻28
76
04:56 PM · Nov 03 ,2025
tudou_5e2d76940fbaa 頭像 sysu_xuejia 頭像 awbeci 頭像 kasong 頭像 joyerli 頭像 alexbachuk 頭像 wensandaoshi 頭像 qianduanxianghou 頭像 b4rp4uqy 頭像 donglegend 頭像 deepak-kumar 頭像 karuru 頭像

@redux / 博客 RSS 訂閱

awbeci 頭像

Awbeci - Next.js 14集成next-auth(v5)和redux-toolkit最佳實踐

前言 自從next.js14發佈之後，app router變成了官網主推的架構區別於pages router的傳統架構，app router更適合最新的react，於是自己動手把next-auth、redux-toolkit、ant-design、tailwindcss也一同集成進來，分享給大家，如果有錯誤之處歡迎大家指正。 操作 1、創建項目 使用下面命令創建項目，並且選擇tailwind cs

next-auth , redux , next.js

收藏 評論

kasong 頭像

卡頌 - 對於“前端狀態”相關問題，如何思考比較全面

大家好，我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了？前端應該跟着React走還是跟着JS、TS走？- beeplin的回答。 在這個回答的基礎上，我想引申出一個問題 —— 對於前端狀態相關問題，如何思考比較全面？ 今天，我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣，帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之，在他們

react , vue.js , mobx , redux , 前端

收藏 評論

zhedan_sam_wan9 頭像

折丹 - React狀態管理庫現狀

狀態管理的產生 為什麼需要狀態管理 狀態管理伴隨着現代前端框架的崛起而誕生，在經典的單頁應用中，組件內部狀態隨着組件的掛載而產生，銷燬而銷燬，全局狀態則隨着應用掛載而一直存在，這時候，全局狀態的共享，傳遞，變更就被抽離出來成了一個通用的解決方案。 Vue與React都有較為簡單的全局狀態管理策略（Store模式，Context），但是當應用足夠複雜，全局狀態較多的時候，還是需要第

react , mobx , redux

收藏 評論

wubomu 頭像

烏柏木 - 再見了 Redux、Recoil、MobX、Zustand、Jotai 還有 Valtio，狀態管理還可以這樣做？

堅持在一線寫前端代碼大概有七八年了，寫過一些項目，有過一些反思，越來越確信平日裏一直用得心安理得某些的東西也許存在着問題，比如：在 狀態管理 上一直比較流行的實踐 🙏，所以試着分享出來探討一下。 為什麼要告別 Redux、Recoil、MobX、Zustand、Jotai 還有 Valtio 今天流行的狀態管理庫有很多，尤其在 React 中。為了把問題説得清晰一些，我想以 React 中的幾個

react , 狀態管理 , redux , 前端 , Javascript

收藏 評論

daivon 頭像

daivon - 基於zustand維護的一套跨框架(react/vue)跨應用的狀態管理及共享方案

zustand-pub 只要從事前端開發，不論是小程序還是web，都繞不開狀態管理。\ 眾所周知， zustand 是一套輕量、便捷、可拓展的狀態管理方案，不論國內 or 國外，都備受喜愛，star 數已接近 3W。 而 zustand-pub 則基於zustand為Iframe、微前端、Module Fedetation、模塊化、組件化等業務場景，提供跨應用、跨框架的狀態管理及狀態共享能力

vuex , redux , 前端

收藏 評論

qingzhan 頭像

青湛 - 再聊 Reducer Context 和 Redux

原文鏈接 這是一次突發奇想的感悟，感覺還挺神奇的，遂記錄一下。 前言 作為一個React的開發者已經蠻久的了，大大小小的應用也開發了不少，除了一開始學習React時用過Redux以外，後來基本都不碰了，不管多麼複雜的應用，我也簡單的覺得使用Context就能夠解決我所有的問題。説來慚愧，我基本沒有思考過Redux存在的原因，可能是React真的做的太好了，又或者是我們現在的設備性能已經嚴重

react , redux , context , 前端

收藏 評論

zhoumo_62382eba4b454 頭像

perkz - Redux

Redux類適用所有React生態項目 import { applyMiddleware, combineReducers, legacy_createStore as createStore, Store, compose, } from "redux"; import thunk from "redux-thunk"; import {connect,

react , redux-thunk , redux , typescript

收藏 評論

cshopping 頭像

繼小鵬 - C-Shopping基於Next.js，開源電商平台全新亮相

嗨，大家好！歡迎來到C-Shopping，這是一場揭開科技面紗的電商之旅。我是C-Shopping開源作者“繼小鵬”，今天將為你介紹一款基於最新技術的開源電商平台。讓我們一同探索吧！ 在線體驗：http://shop.huanghanlian.com/ 項目傳送門：https://github.com/huanghanzhilian/c-shopping 如果你覺得有幫助，請給我一個Star，這

node.js , mongodb , tailwind-css , redux , next.js

收藏 評論

magnesium_5a22722d4b625 頭像

進二開物 - 為什麼能用 RxJS 取代 Redux ？

RxJS 在現在的前端用比較少，但是 RxJS 作為響應式和函數式編程的集大成者，似乎被前端開發者遺忘，可能是學習難度大，可能是有更加方便的解決方案。 不是因為 Redux 更具有性價比，而是 RxJS 可以打開更大的 JS 生態空間 下面我們先回顧一下 Redux 是如何運作開始。 一、Redux 創建一個 Store 做了哪些事情？ 以上是一個簡單的 Redux 的工作流。從 redu

rxjs , redux

收藏 評論

risejl 頭像

Mitchell_C - Redux 簡介

Redux Store 創建 Redux 是一個狀態管理框架，可以與包括 React 在內的許多不同的 Web 技術一起使用。 在 Redux 中，有一個狀態對象負責應用程序的整個狀態， 這意味着如果有一個包含十個組件且每個組件都有自己的本地狀態的 React 項目，那麼這個項目的整個狀態將通過 Redux store 被定義為單個狀態對象， 這是學習 Redux 時要理解的第一個重要原則：Red

redux , 前端

收藏 評論

lovehx_58bc3f5518bf4 頭像

阿芯愛編程 - redux教程2024

redux教程2024 1.安裝redux yarn add redux /npm i redux 2.創建目錄 action/reducer/store 3.編寫action const sendAction=()={ return { type:'send_type', value:'i am action' } } module.exports

react , redux

收藏 評論

kevinzhw 頭像

天涯學館 - Redux Toolkit：簡化Redux應用狀態管理

Redux Toolkit 是官方推薦用來簡化Redux開發的工具集。它包含了一些預設的最佳實踐，使得創建和管理Redux狀態變得更簡單。 1. 創建Store 使用configureStore函數來創建Redux store，它會自動配置中間件，如redux-thunk用於處理異步操作。 import { configureStore } from '@reduxjs/toolkit';

react , redux , 前端 , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - React 相關插件之 Redux 基本使用入門

引入和定義 首先，你需要創建Store實例並暴露出來： // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo

react , redux , 前端

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxapp放棄了redux，在duxapp中局部、全局狀態的實現方案

全局狀態 全局狀態是一個很實用的功能，例如管理用户信息，組件間狀態共享等功能都需要用到全局狀態，react有很多成熟的全局狀態管理工具，但是很多寫起來太過麻煩，duxapp提供了幾種應對不同場景的全局狀態的方案，當然如果你需要其他全局狀態，可以自行集成 局部全局狀態 這種全局狀態方案的使用場景，在於父子組件之間的狀態共享 import { contextState } from '@/duxapp

react , react-native , redux , taro

收藏 評論

zhangfisher 頭像

zhangfisher - 深入解析：React中的信號組件與細粒度更新

引言 在主流的前端開發框架中，無論是React、Vue還是Svelte，核心都是圍繞着更高效地進行UI渲染展開的。 為了實現高性能，基於DOM總是比較慢這個假設前提，其最核心的要解決的問題有兩個： 響應式更新 細粒度更新 為了將響應式更新、細粒度更新優化到極致，各種框架是八仙過海，各顯神通。以最流行的React和Vue為例， 首先兩者均引入了Virtual DOM的概念。 Vue的靜

react , redux , store , signal , 前端

收藏 評論

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 為何講這個內容？以為後續大家會使用 redux-toolkit，資產上週做了 redux-toolkit 的升級順便了解了相關內容，產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

收藏 評論

tudou_5e2d76940fbaa 頭像

風不識途 - 一文總結redux、react-redux、redux-saga

redux、react-redux、redux-saga總結 前言 hello大家好，我是風不識途，最近一直在整理redux系列文章，發現對於初學者不太友好，關係錯綜複雜，難倒是不太難，就是比較複雜 (其實寫比較少)，所以這篇帶你全面瞭解redux、react-redux、redux-thunk還有redux-sage，immutable(多圖預警)，由於知識點比較多，建議先收藏(收藏等於學

react , redux-saga , redux , immutable-js , 前端

收藏 評論

donglegend 頭像

donglegend - 大型項目數據狀態管理摸索

講一個悲傷的故事 本來這篇文章應該是上週寫完的。 故事發生在一週前，我在segmentfault在線編輯文章，寫了差不多兩個小時，在貼了一張圖片失敗之後，然後ctrl+z撤銷了一步，結果整個文檔被瞬間清空了，編輯器還自動保存了清空態。 這一刻，有點心涼，彷彿突然被澆了一桶冷水。 第一時間，打開瀏覽器控制枱，去翻緩存，結果localStorage裏面空空如也，當時就感覺希望不大了，幻想着他們服務端能

react , vue.js , mobx , redux

收藏 評論

joyerli 頭像

joyerli - react狀態總結

本文從動機脈絡聊聊對react生態中的狀態相關技術的演化過程。 個人理解，歡迎討論 響應式渲染框架 這裏只聊react的狀態和視圖渲染相關內容，不聊底層的Virtual DOM react是一個mvvm框架，作為一個響應式渲染設計，當自身的模型（狀態）發生變化時，會自動刷新(re-render)當前視圖顯示最新的模型(狀態)數據。 那是如何監聽狀態發生變化呢？react本着極簡的api設計理念，遵

react , hooks , mobx , redux

收藏 評論

alexbachuk 頭像

Alex Bachuk - Redux · An Introduction

Redux is one of the hottest libraries in front-end development these days. However, many people are confused about what it is and what its benefits are. As the documentation states, Redux is a pred

react , Techniques , Tools , redux , coding , Javascript

收藏 評論

wensandaoshi 頭像

fx67ll - Dva.js 快速上手指南

先説些廢話 最近在開發React技術棧的項目產品，對於數據狀態的管理使用了Dva.js，作為一個資深的ow玩家，我看到這個名字第一反應就是————這不是ow裏的一個女英雄嗎?仔細閲讀了官方文檔之後，發現開發者還真是因為這個角色獲得靈感，來命名這個數據狀態管理插件，果然開發大佬都是工作和休閒兩不誤~ 學過React的同學都知道它的技術棧非常多且雜，所以每當你使用React的時候都需要引入很多的模塊，

react , redux-saga , dva.js , redux , Javascript

收藏 評論

awbeci 頭像

Awbeci - React項目集成Immutable.js

1、前言 本文章項目的依賴包及其版本如下： Package Name Version antd ^3.16.6 connected-react-router ^6.4.0 customize-cra ^0.2.12 immutable ^4.0.0-rc.12

react , redux-saga , redux , immutable-js , redux-persist

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 3.4 掌控 redux 異步

書籍完整目錄 3.4 redux 異步 在大多數的前端業務場景中，需要和後端產生異步交互，在本節中，將詳細講解 redux 中的異步方案以及一些異步第三方組件，內容有： redux 異步流 redux-thunk redux-promise redux-saga 3.4.1 redux 異步流 前面講的 redux 中的數據流都是同步的，

react , redux , leanreact , 前端 , Javascript

收藏 評論

qianduanxianghou 頭像

前端向後 - 理想的JavaScript不可變數據結構

一.簡介 Immer (German for: always) is a tiny package that allows you to work with immutable state in a more convenient way. Immer提供了一種更方便的不可變狀態操作方式 二.核心優勢 其方便之處主要體現在： 只有一個（核心）API：produce(currentState,

vue.js , redux , immutable-js

收藏 評論