@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

Package Sidebar

Install

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

Weekly Downloads

5

Version

0.0.8

License

MIT

Unpacked Size

60.7 kB

Total Files

20

Last publish

Collaborators

  • tphanson