4. Working with Alpine.js
Versions in Hyvä
Hyvä Default Theme Alpine.js Versions:
- Alpine.js v2.x: Default Theme v1.0.x / v1.1.x
- Alpine.js v3.x: Default Theme v1.2.x / v1.3.x
You can use v2 and v3 Hyvä themes for different store views, but not within the same theme.
Alpine.js Documentation
Alpine.js v3 documentation is on alpinejs.dev. For v2 docs, see the GitHub repository: github.com/alpinejs/alpine/tree/v2.8.2#readme
Resources
While the GitHub readme (linked above) is a great starting point, explore these additional resources to get started with Alpine.js:
General
- A list of Alpine resources: github.com/alpine-collective/awesome
- A weekly Alpine focused newsletter: alpinejs.codewithhugo.com/newsletter
Learning
- Great introductory videos: laracasts.com/series/alpine-essentials/
- Video series explaining Alpine's internals: laracasts.com/series/building-alpinejs
- Resources and Examples for Alpine.js: www.alpinetoolbox.com
Debugging
- Alpine Debugger: alpinejs.pro
Tip
Enhance your Alpine.js development with IDE/Editor plugins. Our Editor Setup Docs cover PHPStorm and VSCode, including Intellisense for easier coding.
Tip
Have more learning resources to suggest? Share them on our Slack or create an issue on our docs' GitLab page.