@bondi-js/utils

A set of utilities that makes loading libs and React components as federated modules easier!

Installation

npm i @bondi-js/utils

or

yarn add @bondi-js/utils

Usage

createDynamicComponent

This function provides a way to load a React Component as a federated module.

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

This function is very similar to the dynamic import (import("./foo.js")), makes a dynamic import for the federated module and returns a promise

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()
}

Contact

If you need help or have any question, feel free to contact us or open an issue!

• Leonel Vieyra [email protected]
• Pablo Sanchez [email protected]