@bondi-js/utils

一套公用设施,使装入libs和React 组件成为联邦模块更容易!

安装

npm i @bondi-js/utils

或者说

yarn add @bondi-js/utils

使用量

createDynamicComponent

这个功能提供了将React 组件作为联合模块加载的方式.

import React from "react";
import { Spinner } from "@chakra-ui/react"
import { createDynamicComponent } from "@bondi-js/utils";

const Layout = createDynamicComponent({
  url: "https://dreamy-wescoff-2993eb.netlify.app/crypto-layout.js",
  module: "crypto_app_layout",
  scope: "default_namespace",
  placeholder: <Spinner />
});

const App = () => {
  return (
    <Layout>
      {/* your content here*/}
    </Layout>
  );
};

export default App;

importModule

此函数与动态导入非常相近(import("./foo.js")),为联邦模块进行动态导入并返回承诺

import { importModule } from '@bondi-js/utils';

async function main() {
  const module = await importModule({
    url: "https://test/module.js",
      module: "module_name",
    scope: "default_namespace",
  })
  
  module.method()
}

联系人

如果你需要帮助或有任何问题, 请随意联系我们或打开一个问题!

• 莱昂内尔·维耶拉 我@leonelv.com
• 巴勃罗·桑切斯 [email protected] (英语)