Lexical Conceptual View
contenteditable HTML element
Receives DOM events
DOM Reconciler updates content
Lexical doesn't prevent Browser from content mutation in some cases for performance reasons. If so, it will trigger state update process w/o dispatching commands.
State update triggers DOM Reconciler
Dispatches Commands Ex: DELETE_CHARACTER_COMMAND
Pending State
Node Tree
Selection
Current State
Node Tree
Selection
Updates State
Node Transforms Nested State Updates Listeners
Triggers
Lexical can work in headless mode as State access / mutation API
User Application / Lexical Plugins
lexical Core