atomico-rendering

Atomico's virtual DOM rendering uses createElement to build VNodes and a render lifecycle to process updates. The engine manages mount and update cycles, allowing developers to reason about DOM mutations and performance.

Keyed reconciliation preserves component state during list reordering by matching existing VNodes to their DOM counterparts. Atomico's render pipeline uses keys to track items, ensuring state survives moveBefore operations and dynamic list updates.

Use Fragment to group multiple elements without adding a wrapper DOM node, and Mark for specialized rendering semantics. Both utilities help structure VNode trees efficiently within Atomico's reconciliation engine during component updates.

Atomico supports createRef for referencing DOM nodes and className for managing class strings. These utilities integrate with the render lifecycle to help developers manipulate elements during mount and update cycles in web components.

The Atomico render lifecycle processes VNode creation, DOM mounting, and subsequent update cycles sequentially. Developers can track this order to optimize performance and ensure correct DOM updates during web component state changes.

delegateValidity operates within Atomico's rendering engine to manage form validation state across DOM updates. Its behavior depends on the reconciliation pipeline phase, affecting how validity is delegated during component re-renders.