- 综合排序
- 最热优先
- 最新优先
- 来自专栏腾讯新闻前端团队
hel-micro 模块联邦新革命
模块联邦新革命破除这两大难题的唯一解就是将其sdk化，这是hel-micro对模块联邦实现的全新思考，也是发起模块联邦新革命的秘密武器。 图片降维打击对比依赖工具插件实现的模块联邦，hel-micro从语言层面的实现将对其他模块联邦实现造成降维打击。 ，让hel-micro可以位用户提供懒加载和预加载两种加载方式。 图片平台与生态hel-mirco sdk主要依靠规范化的元数据格式来做远程模块加载，所以只要任意用户按照规范格式提供模块的元数据，即可被hel-micro加载，这将极有利于围绕hel-micro的上层生态的建设与发展 ，并同时提供shadow dom样式隔离功能图片何时采用hel-micro当前时刻当你遇到以下任意一种情形时，采用hel-micro都绝对值得你投入去尝试。
2.4K52编辑于 2022-09-02 - 来自专栏腾讯新闻前端团队
使用hel-micro制作远程antd、tdesign-react
hel-micro，模块联邦sdk化，免构建、热更新、工具链无关的微模块方案 ，欢迎关注与了解制作远程react图形组件库使用hel-micro模块联邦技术sdk化方案，基于react组件模板制作远程antd 传统的react图形组件库导入方式，多项目升级时很麻烦：图片基于hel-micro提升为远程库后，被其他项目使用时，实际运行逻辑不参与项目打包，可以做到使用方无感知动态升级（顺带也降低了项目打包体积，并提高编译速度 此处仅为示例安装antd此处我们基于4.23.4版本的antd构建远程antd库npm i antd@4.23.4导出antd模块导出antd模块主要包含2个部分，导出运行时代码供webpack打包用，方便hel-micro 填充到代理模块里import { preFetchLib, bindReactRuntime } from "hel-micro";import React from "react";import ReactDOM ，可以用极低的代价来铺开模块联邦技术，优势见往期文章hel-micro 模块联邦新革命，欢迎了解与使用^_^___附：我的其他开源作品友链（欢迎关注与了解）：concent，一个自带依赖收集、提供setup
1.3K20编辑于 2022-10-04 - 来自专栏腾讯新闻前端团队
【hel-micro教学视频-1】发布和使用远程js库
hel-micro，模块联邦sdk化，免构建、热更新、工具链无关的微模块方案 ，欢迎关注与了解 hel-micro 教学视频来了hel-micro 教学视频来了，为了帮助更多小伙伴快速上手sdk化模块联邦 hel-micro ，会持续推出一系列教学视频，期待大家观看后能够学到有用的知识并提出相关改进意见，本期为第一期视频教程。 发布和使用远程js库本期主讲内容为：学会基于hel-micro 发布和使用远程js库图片了解更多欢迎入群了解更多，由于微信讨论群号 200 人已满，需加作者微信号或 qq 群号，再邀请你如hel-micro
89730编辑于 2022-10-24 - 来自专栏腾讯开源的专栏
开源公告 | hel-micro-工具链无关的微模块方案
1、项目简介 hel-micro 是业内首个以sdk的方式支持模块联邦技术的方案，它脱离了工具链的枷锁，回归到js语言本身，接入快速、简单、灵活，极大的降低了模块联邦技术的接入门槛，让不同工具链间的联邦模块可以互认互通 为了转移这些本不该让开发承担的额外迁移成本，hel-micro 提出了模块联邦联邦sdk化的架构理念并成功将其实现。 3、特性优势 相比社区已有方案，hel-micro 优势如下： 基于 sdk 的远程加载能力，我们可以搭配公共cdn部署远程模块（sdk默认指向unpkg），用户也可以轻松定制自己的模块管控平台，然后重置 同时我们后续很快很提供一个基于`hel-micro` + `react` + `pnpm` 的微前端应用示范`helra`. 应用间可相互共享组件，享受动态更新优势 5 所有应用均可访问更底层的远程公告库， 6 开发时应用间可以相互联调对方的代码 欢迎访问我们的仓库：https://github.com/Tencent/hel并一同参与建设 hel-micro
71380编辑于 2023-11-14 - 来自专栏前端博客
微前端学习笔记(4):从微前端到微模块之EMP与hel-micro方案探索
但是EMP的具体背后原理，暂时没有时间去看源码hel-micro hel-micro 自称是：业内首个以sdk的方式支持模块联邦技术的方案，它脱离了工具链的枷锁，回归到js语言本身，接入快速、简单、灵活 对比依赖工具插件实现的模块联邦，hel-micro从语言层面的实现将对其他模块联邦实现造成降维打击。 ，让hel-micro可以位用户提供懒加载和预加载两种加载方式。 hel-micro通过内部维护的事件总线、模块池、样式池、元数据池四个数据结构，让有多级依赖层次的远程模块得以高效并安全有序的加载。其中模块池能保证模块不被重复加载并被上层各方调用者重复使用。 元数据-模块的灵魂模块的实质是构建产物文件的集合，hel-micro通过提供构建时的插件，收集好产物的网络路径并按sdk规定的协议存储起来，得以后续可以在网络让sdk可以下载并执行所有的远程模块。
1.4K10编辑于 2024-06-06 - 来自专栏腾讯新闻前端团队
helux，一个鼓励服务注入的响应式react状态库
为什么起名helux，虽然内心上我是把它作为concent v3版本去开发的，但因为它的变化实在太大，除了依赖收集不继承任何concent的特性，同时它也是伴随我开发的hel-micro诞生一款作品，我期望它成为 hel-micro 生态的 luxury 级别的贡献，就将 hel-micro 和 luxury 两个词拼一起成为了 helux。 欢迎点星关注helux，它虽然较新，但已在我自己的使用场景中发挥功不可没的作用，现已加入hel-micro生态大仓，期待能成为你愿意挑选的一款可心数据流方案。
2.1K20编辑于 2023-04-16 - 来自专栏Candy 的修仙秘籍
腾讯开源的 hel 提供了加载远程模块的能力，谈谈它的实现原理
远程模块使用示例 import helMicro from 'hel-micro'; export async function callRemoteMethod() { const lib = 引入 hel-micro 模块 2. 通过 helMicro.preFetchLib 拉取远程模块 3. 调用远程模块 整个使用过程非常的简单易懂，但这样无法使用 TS 类型检查。 如有其他远程包依赖并且需要在内部使用静态导入的语法，可使用 preFetchLib 来加载这些包体 const { preFetchLib } = await import('@tencent/hel-micro
83820编辑于 2023-02-24 - 来自专栏Candy 的修仙秘籍
腾讯开源的 hel 提供了加载远程模块的能力，谈谈它的实现原理
远程模块使用示例import helMicro from 'hel-micro';export async function callRemoteMethod() { const lib = await helMicro.preFetchLib('hel-tpl-remote-lib'); return lib.num.random(22);}引入 hel-micro 模块通过 helMicro.preFetchLib / 如有其他远程包依赖并且需要在内部使用静态导入的语法，可使用 preFetchLib 来加载这些包体 const { preFetchLib } = await import('@tencent/hel-micro
1.2K10编辑于 2022-12-13 - 来自专栏腾讯新闻前端团队
helux 2 发布，助你深度了解副作用的双调用机制
helux属于模块联邦sdk hel-micro子包，初衷是为 react 提供一种更灵活、更低廉成本的状态共享方式，如果你对helux或hel-micro感兴趣，欢迎关注并给予我们更多的改进反馈意见。
1.1K60编辑于 2023-05-30 - 来自专栏不知非攻
依赖追踪？Signal？如果你想要，React 中也能实现
在构建新版本 helux 的同时，还引入了工具链无关的微模块技术hel-micro 搭建了一套全新开发模式的 react 微前端架构的运营平台。 基于 helux + hel-micro 构建的基于微模块的 react 微前端元框架 helra 也将在上半年开源出去，敬请期待。
78010编辑于 2024-01-17
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号