toutpt / react-unpkg

react-unpkg provides some react components to handle CDN based import at scale

react-unpkg

This package provides some React components and the basic javascript API to leverage UMD over CDN

How to use

you can check the src/stories folder to see how to use it.

import { ResourceService, Import, CDNContext } from "react-unpkg";

const bundles = {...};

export function App() {
  <CDNContext.Provider value={new ResourceService({
    bundles,
  })}>
      <Import name="@material-ui/core">
          {(MaterialUI) => {
            return <MaterialUI.Button>Loaded</MaterialUI.Button>
          }}
      </Import>
  </CDNContext.Provider>
}