No need to comb over every word, but if you at least glance through every page you will be MUCH more effective when using Alpine.Įverything in Alpine starts with the x-data directive. The best way to absorb Alpine is to read through this documentation. That's a great start, however, there are many more directives to sink your teeth into. If you've made it this far, you've been exposed to the following directives in Alpine: Now any element inside the tag will be repeated for every item inside filteredItems and all expressions evaluated inside the loop will have direct access to the iteration variable ( item in this case).

It allows Alpine to leverage the existing behavior of tags in the browser to its advantage. x-for expressions take the following form: in where is any array of data, and is the name of the variable that will be assigned to an iteration inside the loop.Īlso notice that x-for is declared on a element and not directly on the. The first thing to notice here is the x-for directive.

Might and magic x cheat console