标签:modularity reactjs redux npm javascript
将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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。