dynamic | /framework/react/mod.ts | aleph@v0.3.0-alpha.25

The Full-stack Framework in Deno.

Popular

function dynamic

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

dynamic<T extends ComponentType<any>>(factory: () => Promise<{ default: T; }>): ComponentType<ReactManagedProps<T, 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; }>

ComponentType<ReactManagedProps<T, ComponentPropsWithRef<T>> & { fallback?: ReactNode; }>