【文件属性】：
文件名称：react-microfrontends:使用React构建Microfrontend架构
文件大小：253KB
文件格式：ZIP
更新时间：2021-05-09 06:56:18
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)