BigComponent() — react Function Reference

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

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ BigComponent() — react Function Reference

Dependency Diagram

graph TD
  a8c6af66_8d8a_60c6_4b8c_f0f6eb80f471["BigComponent()"]
  cae5f11f_ec16_a89f_23b7_bdcdbb857e44["BigComponent.js"]
  a8c6af66_8d8a_60c6_4b8c_f0f6eb80f471 -->|defined in| cae5f11f_ec16_a89f_23b7_bdcdbb857e44
  style a8c6af66_8d8a_60c6_4b8c_f0f6eb80f471 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/fizz/src/BigComponent.js lines 1–181

export default function BigComponent() {
  return (
    <article>
      <section>
        <h2>Description</h2>
        <p>
          This page has repeating sections purposefully to create very large
          trees that stress the rendering and streaming capabilities of Fizz
        </p>
      </section>
      <section>
        <h2>Another Section</h2>
        <p>this section has a list</p>
        <ul>
          <li>item one</li>
          <li>item two</li>
          <li>item three</li>
          <li>item four</li>
          <li>item five</li>
        </ul>
        <p>it isn't a very interesting list</p>
      </section>
      <section>
        <h2>Smiley Section</h2>
        <p>here is a list of smiley emojis</p>
        <ol>
          <li>😀</li>
          <li>😃</li>
          <li>😄</li>
          <li>😁</li>
          <li>😆</li>
          <li>😅</li>
          <li>😂</li>
          <li>🤣</li>
          <li>🥲</li>
          <li>☺️</li>
          <li>😊</li>
          <li>😇</li>
          <li>🙂</li>
          <li>🙃</li>
          <li>😉</li>
          <li>😌</li>
          <li>😍</li>
          <li>🥰</li>
          <li>😘</li>
          <li>😗</li>
          <li>😙</li>
          <li>😚</li>
          <li>😋</li>
          <li>😛</li>
          <li>😝</li>
          <li>😜</li>
          <li>🤪</li>
          <li>🤨</li>
          <li>🧐</li>
          <li>🤓</li>
          <li>😎</li>
          <li>🥸</li>
          <li>🤩</li>
          <li>🥳</li>
          <li>😏</li>
          <li>😒</li>
          <li>😞</li>
          <li>😔</li>
          <li>😟</li>
          <li>😕</li>
          <li>🙁</li>
          <li>☹️</li>
          <li>😣</li>
          <li>😖</li>
          <li>😫</li>
          <li>😩</li>
          <li>🥺</li>
          <li>😢</li>
          <li>😭</li>
          <li>😤</li>
          <li>😠</li>
          <li>😡</li>
          <li>🤬</li>
          <li>🤯</li>
          <li>😳</li>