Skip to content

Allows you to dynamically load a component from a remote using webpack 5's module federation.

License

Notifications You must be signed in to change notification settings

hasanayan/react-dynamic-remote-component

Repository files navigation

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