dynamic | /framework/react/hoc.ts | aleph@v0.3.0-alpha.22

The Full-stack Framework in Deno.

Very Popular

function dynamic

import { dynamic } from "https://deno.land/x/aleph@v0.3.0-alpha.22/framework/react/hoc.ts";

dynamic<T extends ComponentType<any>>(factory: () => Promise<{ default: T; }>): ComponentType<ComponentPropsWithRef<T> & { fallback?: ReactNode; }>

dynamic allows you to load a component asynchronously.

const MyLogo = dynamic(() => import('~/components/logo.tsx'))
export default function Logo() {
  return <MyLogo fallback={<p>loading...</p>}/>
}

Type Parameters

T extends ComponentType<any>

factory: () => Promise<{ default: T; }>