疑難雜症萬事通
在網路上遇到任何問題都可以在這邊找找看唷

Search

關於 vuex reducer ，我們在網路上蒐集到這些相關的討論、資訊與評價

相關標籤 相關照片 相關影片
社群媒體上有些相關的討論：

vuex reducer 在 [討論] 現在公司寫前端都會用到flux嗎- 看板Soft_Job 的推薦與評價


作者ripple0129 (perry tsai)
看板Soft_Job
標題[討論] 現在公司寫前端都會用到flux嗎
時間Sun Sep 2 04:04:18 2018

React的Redux
Vue的vuex

個人只用過Redux
說真的感覺不太到什麼很大的好處
管理一個狀態樹
要寫reducer跟container
搞到覺得很麻煩

真要處理公用狀態
怎麼不使用global.js
自行管理一個狀態樹呢
有時候stack navigation 比較深了
為了只是取得一個上上上層的某個資料
又要做個container來connect拿資料
怎麼不直接import global.js取資料

沒有感受到強烈的好處
有點越用越懶的感覺

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 117.19.40.64
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1535832260.A.B90.html
→ Hevak: 不需要用的地方本來就不用用啊09/02 04:21
主要就是覺得好像沒什麼地方
非用redux不可
用了似乎也沒比較方便的感覺XD
→ musie: flex是CSS layout, stat emangement的是flux ..09/02 04:25
筆誤謝指正
推 ADRIA: 你import 的global js 不能改狀態只能當global 的configura09/02 04:42
→ ADRIA: tion09/02 04:42
我意思是取得資料自行setState
說到要setState又要做action reducer了
※ 編輯: ripple0129 (1.171.194.63), 09/02/2018 06:49:52
※ 編輯: ripple0129 (1.171.194.63), 09/02/2018 06:51:34
推 mozume: 新的context api 09/02 07:38
推 windclara: VUEX就像眼鏡，當你覺得需要時，再用吧！ 09/02 08:04
推 superpai: 你用global object 還要自己set state ，redux 不用啊 09/02 08:21
推 sp063439: apollo 路過 09/02 08:56
推 eggtonetone: 有了apollo跟context api 就沒在用 redux囉 09/02 10:11
推 Aidan79225: 依賴方向不同 09/02 10:40
推 RunRun5566: 你的解法也不錯。但就只是follow 一個pattern這樣 09/02 11:53
推 hegemon: redux的作者有說過，使用redux會增加複雜度，不需要用到 09/02 13:08
→ hegemon: 的地方就不一定要用 09/02 13:08
推 KGTW: 看設計 在一個頁面內有很多狀態改變及邏輯設計 我覺得FLUX是 09/02 14:27
→ KGTW: 不錯的解 但多頁面 分功能的話 只是增加複雜度 09/02 14:27
→ remmurds: 阿波蘿才是正解 09/02 14:44
推 plsmaop: 借問，apollo要怎麼做到像是redux saga那樣ㄚ，暑假一開 09/02 16:53
→ plsmaop: 始想寫graphql，研究了一下，還是不太會，還是用舊架構re 09/02 16:53
→ plsmaop: dux saga送graphql字串QQ 09/02 16:53
推 CRPKT: 你試試看不用 redux 寫一個中型以上的專案就會知道了 09/02 17:02
推 wallat: mobx 09/02 22:05
→ netburst: redux作者有說 當你不知道REDUX是甚麼就代表不需要 09/03 01:36
→ netburst: 如果寫了還不覺得需要 那更不需要 09/03 01:36
推 liamgallager: 推mobx 舒服 09/03 02:06
→ y3k: 用了還覺得白用 那就不要用押XDD 09/03 07:40
推 brandyjohn: 一個觀點是一致的寫法對大公司人來來去去是有幫助的 09/03 17:59
推 qwdfbn: 推一致的寫法，所以我支持 angular 09/03 19:42
推 wayne2004: 我想談認真一下 React 的使用情境，先撇開用 redux 以 09/03 20:14
→ wayne2004: 後產生的複雜度問題，但就針對於 react-redux 來說， 09/03 20:14
→ wayne2004: 管理並不是用 global.js 去做改變就好，最明顯的問題在 09/03 20:14
→ wayne2004: 於 1. 必須要透過 setState 來改變 2. React 是透過 co 09/03 20:14
→ wayne2004: nnect 這個 HOC 元件來改變子狀態 3. 曾經也有人開過 09/03 20:14
→ wayne2004: 玩笑都用 forceUpdate 就好，這也肯定不是好辦法，除非 09/03 20:14
→ wayne2004: 想要永遠都重新渲染所有元件，這些在原 redux 作者他 09/03 20:14
→ wayne2004: 們都有提出來聊過，當然還對於用 global 之後會產生一 09/03 20:14
→ wayne2004: 些維護上的成本、有限狀態機等等，基本上如果不用 reac 09/03 20:14
→ wayne2004: t-redux 那最好的辦法就是建立一個 class component 09/03 20:15
→ wayne2004: 來做 local state 達到管理下層的狀態，不過用久了自 09/03 20:15
→ wayne2004: 然就會知道為什麼要用 react-redux 了，一個經驗小分 09/03 20:15
→ wayne2004: 享。 09/03 20:15






... <看更多>

vuex reducer 在 Vuex与Redux比较| springleo's blog 的推薦與評價

vuex 定义了 state、getter、mutation、action 四个对象； redux 定义了 state、reducer、action 。 vuex 中 state 统一存放，方便理解； redux state依赖所有reducer的 ... ... <看更多>

vuex reducer 在 第37 题：为什么Vuex 的mutation 和Redux 的reducer 中不能 ... 的推薦與評價

vue用的不是很多，所以不是很清楚mutation里面为什么不能有异步操作，下面解释一下为什么Redux的reducer里不能有异步操作。 先从Redux的设计层面来解释 ... ... <看更多>

vuex reducer 在 ktsn/vuex-reducer: Reducer in Vuex 的推薦與評價

Reducer in Vuex. Contribute to ktsn/vuex-reducer development by creating an account on GitHub. ... <看更多>

vuex reducer 在 React Context & Hooks custom Vuex like store 的推薦與評價

I then create the reducers ./store/{entity}/structure/reducer.ts: import { UserState } from './types' import { UserMutations } from './types ... ... <看更多>

vuex reducer 在 77. Use Actions to run Asynchronous code in Vuex ... - YouTube 的推薦與評價

影片讀取中

Use Actions to run Asynchronous code in Vuex. Role of context in Actions, Vuex - Vue js | Vue 3. 1.7K views · 2 years ago #Vuejs #Vue3 # ... ... <看更多>

你可能也想看看
Vuex
React vuex
Redux
搜尋相關連結

#1. [Day 18] 像是迷霧森林的React Redux - iT 邦幫忙

寫過vue就知道有vue有提供vuex來做資料(state)的集中管理，那麼React就是藉由Redux來達成，不過讓我有點訝異的應該是React 跟Redux沒有關係，我以為Redux和React的關係 ...

#2. Vuex与Redux比较| springleo's blog

vuex 定义了 state、getter、mutation、action 四个对象； redux 定义了 state、reducer、action 。 vuex 中 state 统一存放，方便理解； redux state依赖所有reducer的 ...

#3. Vuex vs. Redux - similarities and differences

And there is the main difference between them - while Redux uses reducers Vuex uses mutations. In Redux state is always immutable, while in Vuex ...

#4. Vuex應用篇. 參考vuex官網範例+ redux 設計模式

異動: reducers(redux) v.s. mutations(vuex). reducers為pure function，不會在此直接更改state，將最新的整個state丟給redux store去負責觸發更新

#5. Comparing Vuex and Redux by developing an application

Redux uses Reducers, which are pure functions that take the previous state and action, and return the next state. we'll talk more about this below. Redux uses ...

#6. 为什么Vuex 的mutation 和Redux 的reducer 中不能做异步 ...

现在想象，我们正在debug 一个app 并且观察devtool 中的mutation 日志。每一条mutation 被记录，devtools 都需要捕捉到前一状态和后一状态的快照。然而，在上面的例子 ...

#7. Comparing Redux vs. Vuex

Reducers : The medium by which the Redux store can be updated; the reducer receives an action, and the state in the store gets manipulated ...

#8. React-Redux与Vuex使用对比

Reducer 通过接受的不同的 action 来对 state 数据进行处理，处理完成后，返回一个新的 state , state 变化后 React组件 进行重新渲染。 使用. 入口文件 ...

#9. 第37 题：为什么Vuex 的mutation 和Redux 的reducer 中不能 ...

vue用的不是很多，所以不是很清楚mutation里面为什么不能有异步操作，下面解释一下为什么Redux的reducer里不能有异步操作。 先从Redux的设计层面来解释 ...

#10. ktsn/vuex-reducer: Reducer in Vuex

Reducer in Vuex. Contribute to ktsn/vuex-reducer development by creating an account on GitHub.

#11. redux和vuex区别

redux和vuex区别：1、改进了Redux中的Action和Reducer函数，以mutations变化函.

#12. 状态管理：VueX与Redux - 个人文章

（3） action ：同步action ，或借助 中间件 实现异步操作， action 不会改变 store ，只是描述了怎么改变 store 。 （4） reducer （纯函数，根据 action ...

#13. Redux vs Vuex for state management in Vue.js

These reducers can then be combined into one root reducer to manage all of your application states. The redux store saves the complete state ...

#14. vue-persistedstate reducer with path

how should i do with reducer? const persistedstate = new createPersistedState({ key: "newsportal-vuex", ...

#15. 为什么Vuex的mutation和Redux的reducer中不能做异步操作 ...

为什么Vuex的mutation和Redux的reducer中不能做异步操作？ #前端面试. Bill 2020-05-23 13:52:07 2239 1 举报. 为什么Vuex 的mutation 和Redux 的 ...

#16. Make redux like vuex

相比之下redux 的文档很多人读了N 多遍也不知道：reducer 应该如何拆分、action 应该怎么定义、dispatch 异步怎么做、Ajax 怎么使用、middleware 什么时候 ...

#17. State Management

It is maintained by the Vue core team, and works with both Vue 2 and Vue 3. Existing users may be familiar with Vuex, the previous official state management ...

#18. Is Redux reducer similar to Mutation in Vuex? : r/reactjs

In Redux document *"*Reducers specify how the application's state changes" it's similar to mutation in Vuex. I wan to learn React, ...

#19. Persist Vuex State with vuex-persist

// reducer: state => state, // Function that passes a mutation and lets you decide if it should update the state in localStorage. // filter ...

#20. mutation(vuex)和reducer(redux)不能有异步操作的理解

容器管理类似，这里挑一个作说明。 正解： 容器管理的目的是，保证状态的可预测，所以reducer必须是纯函数，因为只有纯函数才能保证相同的输入得到 ...

#21. 第37 题：为什么Vuex 的mutation 和Redux 的reducer 中不能 ...

第37 题：为什么Vuex 的mutation 和Redux 的reducer 中不能做异步操作？ 详细解析入口，新增答案入口：第37 题. 看完两件小事. 如果你觉得这道面试题对你挺有帮助，我 ...

#22. 为什么Vuex 的mutation 和Redux 的reducer 中不能做异步操作

写在前面此系列来源于开源项目：前端100 问：能搞懂80%的请把简历给我[https://github.com/yygmind/blog/issues/43]为了备战...

#23. How can I only persist specific key in a Vuex Module

Hello,. I have a question, How can I persist specific key in a module?: reducer: (state) => ({ adminAccountType: state.RolesAndPermissionModule.

#24. Persist Vuex State with vuex-persist - DevPress - CSDN

The reducer option allows you to only store certain sections of the state. It's a simple function that gets passed the full state tree and is ...

#25. Elm vs React/Redux vs Vue/Vuex 名詞對照– Devs.tw

Elm - React/Redux - Vue/Vuex. model - state - state. view - render - render. update (message) - reducer (action) - action/commit (dispatch a string). 心得. 核心 ...

#26. Vue Patterns - The Data Reducer - Darren Jennings

The Data Reducer is all the decisions you made before you finally ate the food. ... Vuex actions. // Similar to vuex actions, define a type store ...

#27. redux和vuex区别

vuex redux，Redux核心对象：store数据存储：state状态更新提交接口：dispatch状态更新提交参数：带type和payload的Action状态更新计算：reducer ...

#28. A Vue Developer's Guide to Redux. ...

Under this spectrum, you will find Vuex somewhere in the middle and Redux on the far right. ... reducer how to change the state. Now this ...

#29. Redux Vs Vuex. Часть 1

Данный метод позволяет автоматически объединять отдельные редукторы (slice reducers), отвечающие за изменение определенной части состояния ( ...

#30. Making only some state properties persistent inside a ...

How to make only some state properties of a Vuex module persistent using the createPersistedState and reducer function.

#31. vuex-persist - championswimmer

... reducer: (state) => ({ navigation: state.navigation }), //only save navigation module filter: (mutation) => mutation.type == 'addNavItem' }) const store ...

#32. State Management with Tools Like Redux, Vuex, and MobX

Reducers : Reducers are pure functions that take the current state and an action as input and return a new state based on that action. Dispatch: ...

#33. Redux、Vuex

数据流向Redux：// view——>actions——>reducer——>state 变化——>view 变化（同步异步一样） Vuex：// view——>commit——>mutations——>state 变化——>view ...

#34. React and Vue Syntax Comparison Side by Side Part3

Vuex : https://vuex.vuejs.org/guide/actions.html. const store = new ... Redux(reducer): https://redux.js.org/basics/reducers. const initialState ...

#35. 更高效的vuex状态缓存方式-createPersistedState__Vue.js

sessionStorage, reducer(val) { return { // 只储存state中的token，而不会缓存uid token: val.token } } })]. 如果path和reducer同时存在则使用reducer, 忽悠paths属性

#36. React Redux管理库示例详解

vuex 定义了state、getter、mutation、action四个对象；redux定义了state、reducer、action。 ... /reducers' const store = createStore(reducers) export ...

#37. Redux 和Vuex 有什么区别，它们的共同思想

（1）Redux 和Vuex区别Vuex改进了Redux中的Action和Reducer函数，以mutations变化函数取代Reducer，无需switch，只需在对应的mutation函数里改变state ...

#38. Vue总结（五）Vuex

Vuex 改进了Redux中的Action和Reducer函数，以mutations变化函数取代Reducer，无需switch，只需在对应的mutation函数里改变state值即可; Vuex由于Vue ...

#39. 为什么Vuex的mutation和Redux的reducer中不能做异步操作

vuex 的处理方式是同步在mutation里面，异步在actions里面。 你可以在组件中使用this.$store.commit('xxx')提交mutation，或者使用mapMutations辅助函数将 ...

#40. Vuex | Sysuke's World

Reducer 是一个纯函数，对于相同的输入，永远都只会有相同的输出，不会影响外部的变量，也不会被外部变量影响，不得改写参数。它的作用大概就是这样，根据 ...

#41. Redux 和Vuex 有什么区别，它们有什么共同思想吗？

vuex 定义了state、getter、mutation、action四个对象；redux定义了state、reducer、action。 vuex中state统一存放，方便理解；reduxstate依赖所有 ...

#42. Vuex and Redux. Here are the differences.

Redux uses Reducers, whichare pure functions that take the previous state and action, and return the next state. we'll talk more about this below. **reducer.js ...

#43. Vuex - High performance Flux implementation | Blog

Vuex - High performance Flux implementation · Redux has exactly one giant reducer which is typically composed of many other reducers. · Most Redux users use ...

#44. Vuex와 Redux가 무엇인가!

리덕스 상태 변화의 흐름. Store, Action, Reducer, Component 이 4가지를 통해서 흐름을 이해할 수 있다. REDUX의 흐름은 다음과 같다.

#45. vue和react狀態管理有啥區別？

... reducer」函數一樣完全替代它。 這允許Vue.js在狀態改變時自動知道哪些指令需要重新渲染。 Vuex不用專門的reducers來分解狀態邏輯，而是可以用稱為模 ...

#46. vuex-redux - npm Package Health Analysis

目录结构(使用 modules 来拆分各个 reducer ，参照 vuex module · 不需要手动编写 action · 提供 namespace ，参照 vuex namespace · 内置 immer ，以 mutable 方式去操作 ...

#47. Learn Vuex With Online Courses and Programs

Redux employs reducers to manage state, while Vuex uses mutations. In Redux, state is always immutable, but in Vuex, the store commits mutations to change ...

#48. vuex和redux记录| afacode的博客| 人懒，偶尔记录

Redux 支持React、Angular、Ember、jQuery 甚至纯JavaScript。 redux. 有Actions、Reducer、Store这三层; 通过createStore(reducer)得到store，换名话说 ...

#49. 关于vuex + redux的简单对比和设计思想

Redux 整个应用只有一个Store：单一数据源Store.state不能直接修改（只读），必须调用dispatch(action) => store.reducer =...

#50. React Context & Hooks custom Vuex like store

I then create the reducers ./store/{entity}/structure/reducer.ts: import { UserState } from './types' import { UserMutations } from './types ...

#51. 終究都要學React 何不現在學呢？ - React 進階- useReducer

接受一個(state, action) => newState 的reducer，然後回傳現在的state 以及其配套的dispatch 方法。 ... Vuex 跟Redux 的話，則是框架之外所提供的狀態 ...

#52. 77. Use Actions to run Asynchronous code in Vuex ... - YouTube

Use Actions to run Asynchronous code in Vuex. Role of context in Actions, Vuex - Vue js | Vue 3. 1.7K views · 2 years ago #Vuejs #Vue3 # ...

#53. 通过创建计数器应用程序来学习Redux

我喜欢创建一个名为 Redux 的目录，再在其中创建创建actions 和reducers 目录，分别保存action 和reducer 文件。 在reducers 目录中创建 counterReducer.

#54. What Vue can do is create a well-designed state ...

I'm a really big fan of the Ducks pattern where your action types are private to each reducer unless they're explicitly exported as an API. ... vuex/blob/dev/ ...

#55. Vue 组件化开发之Vuex 了解一下（三）

... vuex' //我是一个组件 exportdefault { computed: mapGetters([ 'strLength ... Reducer. 无. 2018 年6 月19 日. Twitter 开源了基于事件的组件框架Flight.

#56. React和Vue語法並排比較：狀態管理_杜尼卜

議程 · 建立Store · Action · 非同步Action · Reducer | Mutation · Combine-Reducers | Modules · Connect-with-Component · Vuex.

#57. 支持Redux在WebStorm中像Vuex一样智能跳转 - shymean

1. 原始的react-redux · reducer中的switch case很不优雅 · 大型项目涉及到拆分reducer，还需要尽量避免actionType的命名冲突，但 combineReducers 只对 ...

#58. vuex中为什么把把异步操作封装在action，把同步操作

... reducer 必须同步返回下一个状态一样）。 同步的意义在于这样每一个mutation 执行完成后都可以对应到一个新的状态（和reducer 一样），这样devtools 就可以打个 ...

#59. [email protected]

reducer ?: (state: S) => {};. Function to reduce state to the object you want to save. Be default, we save the entire ...

#60. Comparação: Vuex vs Redux - SharkLabs

Reducer : Método síncrono para alteração da Store. Action: Funciona como uma "fábrica" de objetos para serem passados para os Reducers. Veja ...

#61. How does Vuex compare to Redux?

1.Mutations (a.k.a. Redux's actions). Mutations are defined as functions which means you don't need to write a large reducer function with switch-cases, Vuex ...

#62. [討論] 現在公司寫前端都會用到flux嗎- 看板Soft_Job

React的Redux Vue的vuex 個人只用過Redux 說真的感覺不太到什麼很大的好處管理一個狀態樹要寫reducer跟container 搞到覺得很麻煩真要處理公用狀態怎麼 ...

#63. vuex中為什麼把把非同步操作封裝在action

vuex 真正限制你的只有mutation 必須是同步的這一點（在redux 裡面就好像reducer 必須同步返回下一個狀態一樣）。 同步的意義在於這樣每一個mutation 執行 ...

#64. Using Vuex the right way

Mutations are like reducers if you are familiar with Redux, and this is where mutability takes its place. Mutations mutate state with a new ...

#65. 你却不得不学呢？ ｜前端状态管理｜React 和Vue 解决方案

... Reducer 代替Redux？｜你喜欢Redux吗？｜怎样的项目适合Redux？｜ ... vuex 是什么？为什么使用 vuex ？，react-redux状态管理高级封装(含redux ...

#66. Vuex | 黯羽轻扬

三.结构. 不像Redux一样奇怪（ reducer 乍看好像和Flux没什么关系），Vuex更像是中规中矩的Flux实现： component 视图层dispatch action --- action ...

#67. Redux & 与vuex的对比- LinearLaw的个人空间

... reducer去改变; reducer的操作应当是纯函数，在reducer中，reducer应该单纯只执行计算功能。 （取自API文档） 不应当操作传入的参数； 不应当执行有 ...

#68. [Express+Vue 搭建電商網站] 16 抽離Vuex store 中的邏輯

抽離Vuex store 中的邏輯. 隨著我們的迷你電商網站越來越完整，在Vuex store 中的程式也越來越龐大，不只有 getters 、 mutation 還有 actions 。

#69. 每天学习一个vue插件(25)——vuex-persist - 前端教程

key. // 存储键值// 默认vuex // sessionStorage['vuex'] = reducer options = { key: 'MY_STORE' }. modules. // 需要持久化模块// reducer中直接使用 ...

#70. ASP.NET Core 2 and Vue.js: Full Stack Web Development with ...

... Vuex store, it is a simple case of calling the Vuex.Store constructor ... reducer = (accumulator, cartItem) => accumulator + cartItem.price * cartItem ...

#71. Learn TypeScript 3 by Building Web Applications: Gain a ...

... VueX store's state is done by performing mutations . Mutations are akin to reducers in Redux . They are functions that receive the current state as its ...

#72. Vue.js: Up and Running: Building Accessible and Performant ...

... vuex. Both of them operate using basically the same methodology, providing a ... reducer to generate a new state. Reducers are synchronous, and to modify ...

#73. Mastering JavaScript Functional Programming: Write clean, ...

... reducer . ( We saw this in the A React - Redux reducer section . ) Actions ... Vuex , and others used by different web frameworks ) , wanted to log ( for ...

#74. Jump Start Vue.js - Google 圖書結果

... Vuex architecture deals with this problem by stating that components never ... reducer . It takes the existing state and applies changes to it : state ...