Lucia is based off of the fundemental concept of components, which are partitions of markup that have state. An example of a component in Lucia using the
l-state directive could be something like this:
Directives are essentially just special HTML attributes that act as markers that Lucia can understand. Directives are composed of 4 parts:
expression. When compiled, it looks like:
Reactivity refers to the syncing of the DOM with the state. This means if the state is changed, then the DOM will also change with it. Lucia is smart in the way that it only updates the content in the DOM that is affected by the specific state change, maximizing performance.