Home / File/ ReactLogo.js — react Source File

ReactLogo.js — react Source File

Architecture documentation for ReactLogo.js, a javascript file in the react codebase. 2 imports, 1 dependents.

File javascript BabelCompiler Validation 2 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  df6bf1f7_8139_83a8_1f78_13db9778f7fe["ReactLogo.js"]
  a6a2e556_7e6c_49e3_e5f2_155cac7495a4["ReactLogo.css"]
  df6bf1f7_8139_83a8_1f78_13db9778f7fe --> a6a2e556_7e6c_49e3_e5f2_155cac7495a4
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  df6bf1f7_8139_83a8_1f78_13db9778f7fe --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  e2c52a93_982e_407f_9fee_e89aa134ae9d["DevTools.js"]
  e2c52a93_982e_407f_9fee_e89aa134ae9d --> df6bf1f7_8139_83a8_1f78_13db9778f7fe
  style df6bf1f7_8139_83a8_1f78_13db9778f7fe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import * as React from 'react';

import styles from './ReactLogo.css';

type Props = {
  className?: string,
};

export default function ReactLogo({className}: Props): React.Node {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      className={`${styles.ReactLogo} ${className || ''}`}
      viewBox="-11.5 -10.23174 23 20.46348">
      <circle cx="0" cy="0" r="2.05" fill="currentColor" />
      <g stroke="currentColor" strokeWidth="1" fill="none">
        <ellipse rx="11" ry="4.2" />
        <ellipse rx="11" ry="4.2" transform="rotate(60)" />
        <ellipse rx="11" ry="4.2" transform="rotate(120)" />
      </g>
    </svg>
  );
}

Domain

Subdomains

Functions

Dependencies

Frequently Asked Questions

What does ReactLogo.js do?
ReactLogo.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Validation subdomain.
What functions are defined in ReactLogo.js?
ReactLogo.js defines 1 function(s): ReactLogo.
What does ReactLogo.js depend on?
ReactLogo.js imports 2 module(s): ReactLogo.css, react.
What files import ReactLogo.js?
ReactLogo.js is imported by 1 file(s): DevTools.js.
Where is ReactLogo.js in the architecture?
ReactLogo.js is located at packages/react-devtools-shared/src/devtools/views/ReactLogo.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-devtools-shared/src/devtools/views).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free