@sentre/react-dynamic-remote-component
TypeScript icon, indicating that this package has built-in type declarations

0.0.8 • Public • Published

react-dynamic-remote-component

Allows you to dynamically load a component from a remote using webpack 5's module federation. Created based on @ScripteAlchemy's (Module Federation's creator, Zack Jackson) dynamic-system-host example

Motivation

With basic settings of module federation, url for a remote module needs to be specified during build-time. However, in some cases, it might be necessary to be able to specify remote module urls during runtime. This package allows you to load remote modules in general and React components from remotes that are specified during runtime.

Installation

npm install react-dynamic-remote-component --save

or

yarn add react-dynamic-remote-component

RemoteComponent Usage

remote component usage

useRemoteModule Usage

remote module usage

Please keep in mind, any component taking advantage of useRemoteModule should be wrapped with React.Suspense

/@sentre/react-dynamic-remote-component/

    Package Sidebar

    Install

    npm i @sentre/react-dynamic-remote-component

    Weekly Downloads

    6

    Version

    0.0.8

    License

    MIT

    Unpacked Size

    60.7 kB

    Total Files

    20

    Last publish

    Collaborators

    • tphanson