在ReactJS中如何将核心和本地（项目特定）组件集成为插件

Question

我正在使用ReactJS和redux state container构建应用程序前端。这个应用程序（核心）将在一些不同的项目中重用，其中一些我需要一些额外的功能/扩展（插件）。这些需要与核心分开。应用和扩展程序在客户端浏览器上呈现（我不预先渲染服务器上的任何内容）。

我正在寻找一种方法：
a）创建一个＆＃34; thrird party＆＃34;可以访问核心应用程序状态的插件
b）渲染一个'＃34; thrird party＆＃34;核心应用程序中的插件组件

任何想法？
谢谢;）

Answer 1

@romek据我所知，你的用例听起来像是软件扩展（模块化）的经典案例。我建议的是清楚地了解制作组件/容器所涉及的部分。这些（根据我的经验） -

1. 从商店（选择器）读取数据。
2. 将数据写入商店（缩减器）。
3. 处理其他副作用/互动（thunk或sagas）。
4. 使用这些模块的实际组件。

现在，一旦您确定了所有这些（或更多），您就会使每个第三方组件都赋予/实施此设计。现在您只需要导入组件并进行渲染即可。

希望这有帮助！