applyRenderableNodeProps() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 2

Entity Profile

BabelCompiler→ Validation→ applyRenderableNodeProps() — react Function Reference

Dependency Diagram

graph TD
  8059b2ed_0e5c_78b6_bb11_5c9e7fc9b67d["applyRenderableNodeProps()"]
  18cde195_5800_e07a_4f5e_1af7f71a810d["ReactFiberConfigART.js"]
  8059b2ed_0e5c_78b6_bb11_5c9e7fc9b67d -->|defined in| 18cde195_5800_e07a_4f5e_1af7f71a810d
  629950fb_b07f_5178_57fc_fab4a2f9a499["applyShapeProps()"]
  629950fb_b07f_5178_57fc_fab4a2f9a499 -->|calls| 8059b2ed_0e5c_78b6_bb11_5c9e7fc9b67d
  bb6c2cd2_9425_0a02_415a_487f93a4a955["applyTextProps()"]
  bb6c2cd2_9425_0a02_415a_487f93a4a955 -->|calls| 8059b2ed_0e5c_78b6_bb11_5c9e7fc9b67d
  75ce423e_6f2a_b462_47ad_f971dc38650b["applyNodeProps()"]
  8059b2ed_0e5c_78b6_bb11_5c9e7fc9b67d -->|calls| 75ce423e_6f2a_b462_47ad_f971dc38650b
  style 8059b2ed_0e5c_78b6_bb11_5c9e7fc9b67d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-art/src/ReactFiberConfigART.js lines 186–212

function applyRenderableNodeProps(instance, props, prevProps = {}) {
  applyNodeProps(instance, props, prevProps);

  if (prevProps.fill !== props.fill) {
    if (props.fill && props.fill.applyFill) {
      props.fill.applyFill(instance);
    } else {
      instance.fill(props.fill);
    }
  }
  if (
    prevProps.stroke !== props.stroke ||
    prevProps.strokeWidth !== props.strokeWidth ||
    prevProps.strokeCap !== props.strokeCap ||
    prevProps.strokeJoin !== props.strokeJoin ||
    // TODO: Consider deep check of stokeDash; may benefit VML in IE.
    prevProps.strokeDash !== props.strokeDash
  ) {
    instance.stroke(
      props.stroke,
      props.strokeWidth,
      props.strokeCap,
      props.strokeJoin,
      props.strokeDash,
    );
  }
}