LargeContent() — react Function Reference

Architecture documentation for the LargeContent() function in LargeContent.js from the react codebase.

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ LargeContent() — react Function Reference

Dependency Diagram

graph TD
  708b2e31_5f65_9cae_9f03_86757bdfe23d["LargeContent()"]
  af65a082_5452_df0d_2622_cf2472a2bd62["LargeContent.js"]
  708b2e31_5f65_9cae_9f03_86757bdfe23d -->|defined in| af65a082_5452_df0d_2622_cf2472a2bd62
  style 708b2e31_5f65_9cae_9f03_86757bdfe23d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/ssr/src/components/LargeContent.js lines 3–291

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.
          Proin consectetur, nibh non ornare scelerisque, diam lorem cursus
          lectus, ut mattis mauris purus id mi. Curabitur non ligula sit amet
          augue molestie vulputate. Donec maximus magna at volutpat aliquet.
          Pellentesque dignissim nulla eget odio eleifend tincidunt. Etiam diam
          lorem, ornare vel scelerisque vel, iaculis id risus. Donec aliquet
          aliquam felis, ac vehicula lacus suscipit vitae. Morbi eu ligula elit.
        </p>
      </Suspense>
      <p>This should appear in the first paint.</p>
      <Suspense fallback={null}>
        <p>
          Praesent pellentesque, libero ut faucibus tempor, purus elit consequat
          metus, in ornare nulla lectus at erat. Duis quis blandit turpis. Fusce
          at ligula rutrum metus molestie tempor sit amet eu justo. Maecenas
          tincidunt nisl nunc. Morbi ac metus tempor, pretium arcu vel, dapibus
          velit. Nulla convallis ligula at porta mollis. Duis magna ante, mollis
          eget nibh in, congue tempor dolor. Sed tincidunt sagittis arcu, in
          ultricies neque tempor non. Suspendisse eget nunc neque. Nulla sit
          amet odio volutpat, maximus purus id, dictum metus. Integer consequat,
          orci nec ullamcorper porta, mauris libero vestibulum ipsum, nec tempor
          tellus enim non nunc. Quisque nisl risus, dapibus sit amet purus nec,
          aliquam finibus metus. Nullam condimentum urna viverra finibus cursus.
          Proin et sollicitudin tellus, porta fermentum felis. Maecenas ac