react-microfrontends:使用React构建Microfrontend架构

时间:2024-05-29 00:42:58
【文件属性】:

文件名称:react-microfrontends:使用React构建Microfrontend架构

文件大小:253KB

文件格式:ZIP

更新时间:2024-05-29 00:42:58

JavaScript

使用React构建Microfrontend架构 如果您发现自己的微服务被单个整体前端UI占用了,并且您真的希望您也可以将其分解为微服务,那么这就是您要寻找的东西 在此仓库中,我将向您展示如何从头开始创建Microfrontend体系结构,在该容器上运行容器,并使应用程序在该体系结构中相互通信,从而允许前端UI进行可伸缩性和快速开发。 开始之前,您需要具备以下先决条件 节点和npm 码头工人 React及其环境 NodeJS和Express 创建标题Microfrontend 让我们从创建第一个保存标题UI的Microfrontend开始 首先,我们从创建一个React应用程序开始 npm install -g create-react-app create-react-app header cd header/ npm start 然后,我们更改默认的App.js ,使其仅包含标题


【文件预览】:
react-microfrontends-master
----.dockerignore(12B)
----layout()
--------views()
--------server.js(800B)
--------Dockerfile(86B)
--------package-lock.json(25KB)
--------package.json(305B)
----README.md(5KB)
----docker-compose.yml(472B)
----.gitignore(1KB)
----footer()
--------public()
--------yarn.lock(277KB)
--------server.js(751B)
--------transpiled()
--------src()
--------Dockerfile(131B)
--------README.md(117KB)
--------.gitignore(285B)
--------package.json(590B)
----header()
--------public()
--------yarn.lock(277KB)
--------server.js(751B)
--------transpiled()
--------src()
--------Dockerfile(131B)
--------README.md(117KB)
--------.gitignore(285B)
--------package.json(590B)

网友评论