NoProfilingData() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ NoProfilingData() — react Function Reference

Dependency Diagram

graph TD
  59c3bf09_58fa_a675_31a0_fa8841b7ff01["NoProfilingData()"]
  e9f156a7_3128_029f_c78c_3f0bdd3d3035["NoProfilingData.js"]
  59c3bf09_58fa_a675_31a0_fa8841b7ff01 -->|defined in| e9f156a7_3128_029f_c78c_3f0bdd3d3035
  style 59c3bf09_58fa_a675_31a0_fa8841b7ff01 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/Profiler/NoProfilingData.js lines 15–35

export default function NoProfilingData(): React.Node {
  return (
    <div className={styles.Column}>
      <div className={styles.Header}>No profiling data has been recorded.</div>
      <div className={styles.Row}>
        Click the record button <RecordToggle /> to start recording.
      </div>
      <div className={`${styles.Row} ${styles.LearnMoreRow}`}>
        Click{' '}
        <a
          className={styles.LearnMoreLink}
          href="https://fb.me/react-devtools-profiling"
          rel="noopener noreferrer"
          target="_blank">
          here
        </a>{' '}
        to learn more about profiling.
      </div>
    </div>
  );
}