Before using these components, it is remcommended to learn basics of Alpine.js, Here you can see how x-data works in Alpine
x-text
x-if
x-for
x-on
x-bind