GraphQL 如何取代 Redux

2021-08-28 02:41:40 字數 508 閱讀 4902

簡評:使用 graphql 可以大大簡化客戶端狀態管理部分的**。
故事背景:在 2016 年,pathwright 的前端團隊就開始將客戶端的**從 backbone & marionette 切換到 react。 對於我們來說 ui 的宣告性模型比 mvc 模型更具意義。

我們使用 flux 架構來管理隨著應用狀態,隨著業務變得複雜,它新增了越來越多間接層。當我們著手處理 store 或者狀態樹中的乙個分支邏輯的時候,實際上是將服務端業務資料和關係複製到客戶端上。

我們擁有優雅的宣告式 react 元件,但是資料層確是 action、reducers、非同步中介軟體和去賦範的資料邏輯。

這一切都感覺非常的錯誤。

當我們嘗試 graphql 的時候馬上就愛上了它。我們將 graphql 替換了一堆 rest api。當我們 ui 使用這些新的 graphql 時不再需要 store。我們通常需要建立乙個 stores,action 等待,但是最終我們將這部分內容刪除了,因為實在沒有必要。

GraphQL 如何取代 Redux

簡評 使用 graphql 可以大大簡化客戶端狀態管理部分的 故事背景 在 2016 年,pathwright 的前端團隊就開始將客戶端的 從 backbone marionette 切換到 react。對於我們來說 ui 的宣告性模型比 mvc 模型更具意義。我們使用 flux 架構來管理隨著應用...

GraphQL 如何取代 Redux

簡評 使用 graphql 可以大大簡化客戶端狀態管理部分的 故事背景 在 2016 年,pathwright 的前端團隊就開始將客戶端的 從 backbone marionette 切換到 react。對於我們來說 ui 的宣告性模型比 mvc 模型更具意義。我們使用 flux 架構來管理隨著應用...

如何優雅地在React專案中使用Redux

首先我們會用到哪些框架和工具呢?ui框架 狀態管理工具,與react沒有任何關係,其他ui框架也可以使用redux react外掛程式,作用 方便在react專案中使用redux 中介軟體,作用 支援非同步action tips 與redux無關的目錄已省略 src store redux目錄 ac...