ContextQMD
Back to Snowpack

React + Loadable Components

docs/guides/react-loadable-components.md

3.8.5850 B
Original Source
<div class="notification"> This guide has an example repo: <a href="https://github.com/withastro/snowpack/examples/react-loadable-components">examples/react-loadable-components</a> </div>

Based on [app-template-react][app-template-react]

You can lazy load React components in Snowpack when needed with React‘s builtin React.lazy (docs):

jsx
import React, {useState, useEffect, Suspense} from 'react';

const Async = React.lazy(() => import('./Async'));

function Component() {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <Async />
      </Suspense>
    </div>
  );
}

This works out-of-the-box in Snowpack, with no configuration needed!

Learn more