为 React 应用程序开发一个 Redux 存储作为单独的 NPM 模块

Question

是否可以将React App的Redux Store作为单独的npm 包开发，然后在React App 中开发Storeimport

例如：我有一个名为reactapp.

我开发了一个名为包reactapp-reduxstore包含Redux的商店，它的操作和减速

现在，我将其导入reactapp-reduxstore到我的reactapp项目中

// other imports

import { store } from 'reactapp-reduxstore'

const ReactApp = () => (
<Provider store={store}>
    // React App Components
<Provider/>
)

// Mount ReactApp to DOM

现在，如果我想使用我的redux 存储包中的操作，我会将操作导入到组件中。

import { addUser } from "reactapp-reduxstore/users"

// Use the action in my Component

我只想知道，React项目的这种结构有多可行，以便将来我不会遇到代码管理问题。

注意：为简洁起见，不包括所有通用代码。

更新：这是我对上述使用经验的更新redux。你永远不应该那样做。管理redux变成了一项艰巨的工作。IMO，redux仅在真正需要时使用。否则，React 组件状态足以管理组件的状态。

Answer 1

那么，您的应用程序及其状态是紧密耦合的。大多数情况下，当您更新其中一项时，您还需要更新另一项。因此，每次修复错误或开发新东西时，您都必须更新和发布 2 个 NPM 包，而不是一个。

所以我想只有当我需要在多个应用程序中使用完全相同的存储、操作和减速器时我才会这样做。否则，我认为将应用程序的状态移动到另一个包中没有任何好处。这似乎是很多痛苦的额外工作却没有真正的好处。