我觀察到使用 Redux 存儲(chǔ)的開(kāi)發(fā)人員有一個(gè)常見(jiàn)模式：當(dāng)面對(duì)新的但略有不同的需求時(shí)，他們經(jīng)常創(chuàng)建新功能并重寫(xiě)通用樣板代碼，包括減速器、thunk、動(dòng)作和中間件。這可能會(huì)導(dǎo)致代碼庫(kù)中出現(xiàn)大量重復(fù)。

我們不能完全責(zé)怪開(kāi)發(fā)人員，因?yàn)闃?biāo)準(zhǔn)化和團(tuán)隊(duì)最佳實(shí)踐通常是由團(tuán)隊(duì)領(lǐng)導(dǎo)完成的......

但是，當(dāng) API 或微服務(wù)標(biāo)準(zhǔn)化時(shí)（其中刪除、創(chuàng)建、放置和獲取等端點(diǎn)遵循可預(yù)測(cè)的結(jié)構(gòu)），可以創(chuàng)建可以動(dòng)態(tài)生成 Redux 減速器和操作的高階函數(shù)。這減少了冗余并鼓勵(lì)更具可擴(kuò)展性的架構(gòu)。以下是如何實(shí)現(xiàn)這一點(diǎn)的示例：

https://gist.github.com/ARAldhafeeri/1ad10710bee110b9a88013984272fbbd

它有 200 行代碼，這里有一個(gè)示例用法，它的作用是：

1. 動(dòng)態(tài) Redux 切片創(chuàng)建： 函數(shù) createEntitySlice 為實(shí)體（如預(yù)訂或用戶(hù)）生成 Redux 切片，允許開(kāi)發(fā)人員使用最少的樣板代碼輕松創(chuàng)建、讀取、更新和刪除任何實(shí)體的數(shù)據(jù)。
2. 可自定義參數(shù)：該函數(shù)接受可自定義參數(shù)，例如entityName、endpoints、extraReducers、extraThunks和extraActions，為不同實(shí)體和特定需求提供靈活性。
3. 基本 CRUD thunk： 它為獲取、創(chuàng)建、更新、刪除和搜索等常見(jiàn)操作提供基本異步 thunk，這些操作根據(jù)提供的端點(diǎn)與 API 進(jìn)行交互。這些 thunk 管理必要的 API 調(diào)用并處理錯(cuò)誤。
4. 用于狀態(tài)管理的Reducers：切片包含用于管理加載狀態(tài)、存儲(chǔ)獲取的數(shù)據(jù)、處理錯(cuò)誤以及執(zhí)行搜索和重置狀態(tài)等操作的Reducers。
5. 中間件集成：代碼集成了偵聽(tīng)器中間件來(lái)處理副作用，例如根據(jù) CRUD 操作的結(jié)果顯示成功或錯(cuò)誤消息。它還增強(qiáng)了中間件，使其能夠自定義狀態(tài)更改的行為，例如在滿(mǎn)足某些條件時(shí)觸發(fā)其他操作。
6. 優(yōu)化的代碼可重用性：通過(guò)使用這種高階函數(shù)方法，開(kāi)發(fā)人員可以避免重復(fù)的樣板代碼，并為不同的實(shí)體創(chuàng)建可重用的動(dòng)態(tài)切片，而無(wú)需每次手動(dòng)編寫(xiě)操作和化簡(jiǎn)器。
7. 可擴(kuò)展和模塊化： 高階函數(shù)從 redux 存儲(chǔ)中生成某個(gè)功能所需的功能，我們也可以將其中的所有內(nèi)容從減速器擴(kuò)展到初始狀態(tài)，因此當(dāng)自定義端點(diǎn)到達(dá)時(shí)，它不會(huì)完全融入我們創(chuàng)建的通用基礎(chǔ)中，我們可以簡(jiǎn)單地添加它。

最好的，

艾哈邁德，

以上是我如何在不破壞應(yīng)用程序的情況下用 Just in Redux Store 替換代碼行！的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！