javascript-将Redux存储开发为React App的单独NPM模块

将React应用程序的Redux商店开发为单独的npm软件包并将其存储在React App中是否可行

例如：
我有一个假设的React工程,名为reactapp.

我开发了一个名为reactapp-reduxstore的包,其中包含Redux Store及其Actions和Reducers

现在,我将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组件状态足以管理组件状态.

解决方法:

好吧,您的应用程序及其状态紧密相关.更新一个时,大多数情况下需要更新另一个.因此,您必须更新和发布2个NPM软件包,而不是每次修复错误或开发新东西时都发布一个.

因此,我想只有在几个应用程序中需要完全相同的存储,动作和缩减器时,我才会这样做.否则,我看不到将应用程序的状态转移到另一个软件包中的任何好处.似乎有很多痛苦的额外工作没有真正的好处.

标签：modularity,reactjs,redux,npm,javascript
来源： https://codeday.me/bug/20191110/2013405.html