这里我就挑选第一个 React Microfrontends[1] 跟大家举例说明。 /api/849cde43d1bf1a072c1b71b4de504fc7120d4629/", "@react-mf/people/": "https://react.microfrontends.app /people/4d0af0a673764fa9b311f9f98163c88be9af9426/", "@react-mf/navbar/": "https://react.microfrontends.app 总结 好了,上面就带大家看了一下 single-spa 的 react-microfrontends Example,下面来简单总结一下: root-config 是整个应用的 “大脑”,也可以理解为这是个主应用 参考资料 [1] React Microfrontends: https://github.com/react-microfrontends
原文作者: Wael Kdouh 原文链接:https://medium.com/@waelkdouh/microfrontends-with-blazor-webassembly-b25e4ba3f325
原文作者: Wael Kdouh 原文链接:https://medium.com/@waelkdouh/microfrontends-with-blazor-webassembly-b25e4ba3f325
Deep-Learning-with-TensorFlow-book:《TensorFlow 深度学习》 地址:https://github.com/dragen1860/Deep-Learning-with-TensorFlow-book 33、microfrontends :《微前端的那些事儿》 将 Web 应用由单一的单体应用,转变为多个小型前端应用聚合为一的应用 地址:https://github.com/phodal/microfrontends 机器学习 34、deep-learning-for-image-processing
除了看我在 GitHub 上写得长长的『微前端的那些事儿』:https://github.com/phodal/microfrontends 还可以看看那篇:『微前端如何落地』 微信内链接:《微前端如何落地
Steyer 实际上以对 Microfrontends 的优缺点的有用探索开始了这篇文章。 “微前端为企业级应用程序带来了显着的优势,例如增强的团队自主性和独立部署,”他写道。
这就是垂直微前端(Vertical Microfrontends)要解决的问题。现在,Cloudflare推出了一款全新的Worker模板,让这种架构变得前所未有的简单。 什么是垂直微前端? 更多使用指南,可以查看文档: https://developers.cloudflare.com/workers/framework-guides/web-apps/microfrontends
作者 | Florian Rappl 译者 | 王强 策划 | 万佳 在前端 Web 开发中,微前端(microfrontends)是一个备受争议的话题。它是否值得开发人员采纳呢 ?
你可以使用像react-router-dom这样的库,结合Microfrontends-Router或自定义解决方案来实现跨应用的路由跳转。
然后造自己的轮子:phodal/mooa,接着输出一系列相关的文章:phodal/microfrontends,方便后人学习和 star。于是,我继续在探索微前端的实践,最近在造一个新的轮子。
https://youtu.be/L4jqow7NTVg 你可以在这里查看一些示例: https://github.com/react-microfrontends 项目链接 :https://github.com
MicroFrontends:extending the microservice idea to frontenddevelopment; Techniques, strategies and recipes
https://youtu.be/L4jqow7NTVg 你可以在这里查看一些示例: https://github.com/react-microfrontends 项目链接 https://github.com
功能测试:保证页面组装的正确性 单元测试:保证底层业务逻辑和渲染逻辑的正确性 自下而上形成一个金字塔结构,每一层只需验证在其下层覆盖不到的部分即可 四.示例 在线 Demo:https://demo.microfrontends.com
https://youtu.be/L4jqow7NTVg 你可以在这里查看一些示例: https://github.com/react-microfrontends 项目链接 https://github.com
device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Polyglot Microfrontends systemjs-importmap" /> <script type="systemjs-importmap" src="https://storage.googleapis.com/polyglot.<em>microfrontends</em>.app
(https://hasgeek.com/jsfoo/microfrontends-conf/schedule/micro-frontends-communication-patterns-NJ6MRtNaEc1aNh8oe6kERY
target=https%3A%2F%2Fgithub.com%2Fjoeldenning%2Fcoexisting-vue-microfrontends [6] github.com/systemjs
tools": "//localhost:9005/study-tools.js" } } </script> <% } %> 3-5-2 在 React 应用中使用该方法 MicroFrontends
小程序 同样流行的是所谓的 MiniApps,也称为 SuperApps 或 Mobile MicroFrontends,它们是作为原生应用程序的插件或扩展开发的与平台无关的应用程序。