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
___
Watch video Turn Bricks elements into Alpine.js reactive components with Structeezy v1.7 online without registration, duration hours minute second in high quality. This video was added by user OxyProps 27 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,140 once and liked it 35 people.