drawNative() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ drawNative() — react Function Reference

Dependency Diagram

graph TD
  a8cbc9ee_8044_3b0e_0971_e6572e342226["drawNative()"]
  2e686050_4065_de33_2d80_1361879d66c9["canvas.js"]
  a8cbc9ee_8044_3b0e_0971_e6572e342226 -->|defined in| 2e686050_4065_de33_2d80_1361879d66c9
  style a8cbc9ee_8044_3b0e_0971_e6572e342226 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/backend/views/TraceUpdates/canvas.js lines 33–43

function drawNative(nodeToData: Map<HostInstance, Data>, agent: Agent) {
  const nodesToDraw = [];
  iterateNodes(nodeToData, ({color, node}) => {
    nodesToDraw.push({node, color});
  });

  agent.emit('drawTraceUpdates', nodesToDraw);

  const mergedNodes = groupAndSortNodes(nodeToData);
  agent.emit('drawGroupedTraceUpdatesWithNames', mergedNodes);
}