alpinejs

Official Site

Notes

From official docs link

Lifecycle

x-init

State (Data Handling)

x-data

x-model

Directives (Template Handling)

x-text

x-show

x-for

x-if

x-html

Events (Change Handling)

x-on (@)

x-effect

$watch

x-bind (:)