LargeContent.js — react Source File

Source Code

import React, {Suspense, unstable_SuspenseList as SuspenseList} from 'react';

export default function LargeContent() {
  return (
    <SuspenseList revealOrder="forwards" tail="visible">
      <Suspense fallback={null}>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris
          porttitor tortor ac lectus faucibus, eget eleifend elit hendrerit.
          Integer porttitor nisi in leo congue rutrum. Morbi sed ante posuere,
          aliquam lorem ac, imperdiet orci. Duis malesuada gravida pharetra.
          Cras facilisis arcu diam, id dictum lorem imperdiet a. Suspendisse
          aliquet tempus tortor et ultricies. Aliquam libero velit, posuere
          tempus ante sed, pellentesque tincidunt lorem. Nullam iaculis, eros a
          varius aliquet, tortor felis tempor metus, nec cursus felis eros
          aliquam nulla. Vivamus ut orci sed mauris congue lacinia. Cras eget
          blandit neque. Pellentesque a massa in turpis ullamcorper volutpat vel
          at massa. Sed ante est, auctor non diam non, vulputate ultrices metus.
          Maecenas dictum fermentum quam id aliquam. Donec porta risus vitae
          pretium posuere. Fusce facilisis eros in lacus tincidunt congue.
        </p>
      </Suspense>
      <Suspense fallback={null}>
        <p>
          Pellentesque habitant morbi tristique senectus et netus et malesuada
          fames ac turpis egestas. Phasellus dolor ante, iaculis vel nisl vitae,
          ornare ornare orci. Praesent sit amet lobortis sapien. Suspendisse
          pharetra posuere libero ut dapibus. Donec condimentum ante urna.
          Aliquam laoreet tincidunt lacus, sed interdum tortor dapibus
          elementum. Nam sed faucibus lorem. Suspendisse finibus, velit sed
          molestie finibus, risus purus mollis ante, sit amet aliquet sapien
          nulla ut nibh. In eget ligula metus. Duis in purus mattis, blandit
          magna nec, dictum nunc.
        </p>
      </Suspense>
      <Suspense fallback={null}>
        <p>
          Sed convallis magna id tortor blandit dictum. Suspendisse in porttitor
          neque. Integer quis metus consequat, rutrum est sit amet, finibus
          justo. In hac habitasse platea dictumst. Nullam sagittis, risus sed
          vehicula porta, sapien elit ultrices nibh, vel luctus odio tortor et
          ante. Sed porta enim in hendrerit tristique. Pellentesque id feugiat
          libero, sit amet tempor enim. Proin gravida nisl justo, vel ornare
          dolor bibendum ac. Mauris scelerisque mattis facilisis. Praesent
          sodales augue mollis orci vulputate aliquet. Mauris molestie luctus
          neque, sed congue elit congue ut. Cras quis tortor augue. In auctor
          nulla vel turpis dapibus egestas. Phasellus consequat rhoncus nisi sed
          dignissim. Quisque varius justo non ex lobortis finibus cursus nec
          justo. Nulla erat neque, commodo et sem convallis, tristique faucibus
          odio.
        </p>
      </Suspense>
      <Suspense fallback={null}>
        <p>
          Ut condimentum volutpat sem, id accumsan augue placerat vel. Donec ac
          efficitur turpis. Suspendisse pretium odio euismod sapien bibendum,
          sed tempus est condimentum. Etiam nisl magna, consequat at ullamcorper
          at, sollicitudin eu eros. In mattis ligula arcu. Sed eu consectetur
          turpis, id molestie ligula. Vestibulum et venenatis enim. Donec
          condimentum vitae nisi et placerat. Sed fringilla vehicula egestas.
// ... (232 more lines)