随笔分类 -  Micro-FrontEnd

微前端
Web组件化 - 原生js实现组件
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC 阅读全文
posted @ 2021-11-04 21:50 老胡Andy 阅读(602) 评论(0) 推荐(1) 编辑
Web组件 - Stencil与React，性能比较
摘要：曾经一度以为React已经是前端框架的极致，直到看到了Stencil。 给人的感觉不亚于用惯了jQuery之后突然看到React。这就是所谓的降维打击，或者说玩法不同吧。 直接操作DOM的框架里面，jQuery做到了极致，然而React搞了个虚拟Dom。Stencil干脆用起了Web Compone 阅读全文
posted @ 2021-11-03 19:47 老胡Andy 阅读(333) 评论(0) 推荐(0) 编辑
web组件化 - 微前端，ie兼容
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC 阅读全文
posted @ 2021-10-30 22:05 老胡Andy 阅读(552) 评论(0) 推荐(0) 编辑
web组件化 - 微前端，动态指定web component标签
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC 阅读全文
posted @ 2021-10-29 18:03 老胡Andy 阅读(267) 评论(0) 推荐(1) 编辑
web组件化 - 微前端子应用的样式隔离
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC 阅读全文
posted @ 2021-10-27 20:48 老胡Andy 阅读(839) 评论(0) 推荐(0) 编辑
web组件化 - 微前端的改进：子应用Webpack排除React依赖包
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 第四篇介绍Web Component + React实现微前端的POC 阅读全文
posted @ 2021-10-27 11:51 老胡Andy 阅读(491) 评论(0) 推荐(0) 编辑
Web组件化 - 微前端实践
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 第三篇介绍了Sub App与Shell App通过属性或自定义事件交互 前文已经介绍过如何将React组件编译为Web组件(Web Compon 阅读全文
posted @ 2021-10-26 17:18 老胡Andy 阅读(395) 评论(0) 推荐(0) 编辑
Web组件化 - 事件、属性交互
摘要：第一篇介绍了如何将React组件转换为Web Component 第二篇介绍了子应用(Web Component)中的路由可以正常作用与Shell App 本文将介绍React实现的Web Component如何与Shell App交互，包括属性、事件。 先介绍属性传递，打开index.html，为 阅读全文
posted @ 2021-10-25 17:12 老胡Andy 阅读(348) 评论(0) 推荐(0) 编辑
Web组件化 - 子应用中的路由
摘要：前一篇讲述了如何把React组件转换为Web组件，同时也留下了几个问题。其中之一就是组件（子应用）内部的路由如何影响到Shell App(以及反之)。 这里我们动手做个测试，依旧以React为例。 打开上一篇建立的项目，执行 npm install react-router-dom --save n 阅读全文
posted @ 2021-10-25 12:56 老胡Andy 阅读(152) 评论(0) 推荐(0) 编辑
Web组件化(Web Components) - React转换为Web Component
摘要：最近在思考如何实践微前端, 方案有许多，Web Components也是其中之一。 本文就先从如何将React组件转换为Web Component组件开始，探索Web Component实现微前端的方案。 当然市面上成熟的框架，如SingleSPA，QianKun自然也是可以实现Micro-Fron 阅读全文
posted @ 2021-10-24 22:19 老胡Andy 阅读(1942) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示