Home() — react Function Reference

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

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ Home() — react Function Reference

Dependency Diagram

graph TD
  4f79beca_8b4a_b1b2_a2fd_b41a926465af["Home()"]
  2ee52bf0_0acb_fb46_ab40_7bb2ea5ee497["home.js"]
  4f79beca_8b4a_b1b2_a2fd_b41a926465af -->|defined in| 2ee52bf0_0acb_fb46_ab40_7bb2ea5ee497
  style 4f79beca_8b4a_b1b2_a2fd_b41a926465af fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/home.js lines 3–118

export default function Home() {
  return (
    <main className="container">
      <h1>DOM Test Fixtures</h1>
      <p>
        Use this site to test browser quirks and other behavior that can not be
        captured through unit tests.
      </p>
      <section>
        <h2>Tested Browsers</h2>
        <table>
          <thead>
            <tr>
              <th>Browser</th>
              <th>Versions</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Chrome - Desktop</td>
              <td>
                49<sup>*</sup>, Latest
              </td>
            </tr>
            <tr>
              <td>Chrome - Android</td>
              <td>Latest</td>
            </tr>
            <tr>
              <td>Firefox Desktop</td>
              <td>
                <a href="https://www.mozilla.org/en-US/firefox/organizations/">
                  ESR<sup>†</sup>
                </a>
                , Latest
              </td>
            </tr>
            <tr>
              <td>Internet Explorer</td>
              <td>9, 10, 11</td>
            </tr>
            <tr>
              <td>Microsoft Edge</td>
              <td>14, Latest</td>
            </tr>
            <tr>
              <td>Safari - Desktop</td>
              <td>7, Latest</td>
            </tr>
            <tr>
              <td>Safari - iOS</td>
              <td>7, Latest</td>
            </tr>
          </tbody>
        </table>
        <footer>
          <small>* Chrome 49 is the last release for Windows XP.</small>
          <br />
          <small>
            † Firefox Extended Support Release (ESR) is used by many
            institutions.
          </small>
        </footer>
      </section>
      <section>
        <h2>How do I test browsers I don't have access to?</h2>
        <p>
          Getting test coverage across all of these browsers can be difficult,
          particularly for older versions of evergreen browsers. Fortunately
          there are a handful of tools that make browser testing easy.
        </p>
        <section>
          <h3>Paid services</h3>
          <ul>
            <li>
              <a href="https://browserstack.com">BrowserStack</a>
            </li>
            <li>
              <a href="https://saucelabs.com">Sauce Labs</a>
            </li>
            <li>