在 React JS 中创建模块化企业应用程序

Question

我有一个项目，我们必须使用 React JS 为我们的业务应用程序创建一个模块化应用程序。基本上，我们想构建一个基于菜单的 React “主机”应用程序，它可以在单击菜单按钮时加载引用该菜单的应用程序。这些子应用程序中的每一个都是不同的反应项目，如 npm 包（我想）。宿主应用程序将有一个 redux 存储，并管理身份验证、授权等功能，并且由不同开发人员开发的组件将简单地加载到主布局中。我已阅读有关使用 create-react-app 和 create-react-hook 包的信息，但我不太确定什么是最好的开始方式。

有人可以提供一些想法或最佳实践来构建和设置这样的 React 应用程序吗？

Answer 1

对于简单的子应用，使用 react-router 像普通 pwa 一样开发。为您的子应用程序使用不同的路由器。

对于复杂的子应用，单独开发子应用，部署在不同的端口上，然后使用nginx代理特定的路由器给它们。创建一个用于身份验证的后端应用程序，jwt 是一个不错的选择。