Skip to main content

Escape Hatch ↔ (mech) to express logic outside React model - to direct manipulate DOM

aka Escape-Hatches

React API Escape Hatches include useRef() & Portals

References​

  1. findDOMNode() ↔ deprecated ReactDOM API Escape Hatch to access DOM API Node

  2. useRef() ↔ Stateful Hook to persist Passive State Variable across renders in FC, as ref handle Escape Hatch to DOM API elements

  3. Unidirectional binding ↔ React restricts data flow to one-way down Component Hierarchy. optional Escape Hatches exist

  4. TerserPlugin ↔ Escape Hatch to patch Webpack into 21st century via Plugin

  5. Portal ↔ ReactDOM API Escape Hatch to render children outside Component Hierarchy of Parent Component

  6. createPortal() ↔ ReactDOM API Escape Hatch fn to render child Element to any container Element other than parent