Turn Bricks elements into Alpine.js reactive components with Structeezy v1.7
Structeezy v1.7 brings several improvement, and mainly support for Alpine.js, the lightweight Javascript Framework.
In this video, we see the most basic principles: create a component, read from state, write to state, toggle elements visibility, znd even query posts from the WP rest API.
🎉 Get the plugins while they are on LTD !
OxyProps: https://oxyprops.com
Structeezy: https://structeezy.com
🔗 Links
Alpine.js: https://alpinejs.dev/
⌚ Timestamps
00:00 - Introduction.
00:26 - Overview of the included examples.
02:23 - New in SEZ: deactivate individual group tabs.
03:50 - Alpine.js in SEZ.
04:50 - Link Core or plugin libraries from the CDN.
05:40 - Create a component. x-data directive.
07:13 - Add a dynamic text to read from state. x-text directive.
08:40 - Add an input to write to state. x-model directive.
11:25 - Update state on click. x-on:click directive.
13:27 - Manage an element visibility. x-show directive.
17:17 - Fetching data from WP API. x-init directive.
23:10 - Display the raw API response.
24:50 - Render the post content HTML. x-html directive.
#CSSFramework #OxyProps #Structeezy
___
Come hang out with other users in our Facebook Community
💬 / oxyprops
___
My editor:
VS Code - https://code.visualstudio.com/
My Terminal:
Hyper: https://hyper.is/
My Terminal Enhancements:
OhMyZSH: https://ohmyz.sh/
Powerlevel10k: https://github.com/romkatv/powerlevel10k
___
Find me on the internet :
Github: https://github.com/cbontems
Bluesky: @cedric.bontems.me
twitter: @cedricbontems
___
Смотрите видео Turn Bricks elements into Alpine.js reactive components with Structeezy v1.7 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь OxyProps 27 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,140 раз и оно понравилось 35 людям.