From Static to Dynamic: Mastering the Interactivity API
🇧🇬 Днес продължаваме с още една тема от техническия трак на WordCamp Sofia 2025!
Фокусът този път е върху една от най-значимите промени в WordPress екосистемата през последните години – Interactivity API.
С преминаването от статично към динамично съдържание, разработчиците вече имат нативен начин да създават интерактивни преживявания директно в WordPress, без нужда от външни JavaScript фреймуърци.
💬 From Static to Dynamic: Mastering the Interactivity API (🇧🇬 )
От въвеждането на block.json в WordPress 5.8, разработчиците имаха стандартизиран метод за конфигуриране на блокове – но интерактивността на фронтенда оставаше предизвикателство.
Преди WordPress 6.5 трябваше да пишем custom JavaScript или да разчитаме на външни решения, което водеше до сложност и дублиране. С новия Interactivity API, WordPress предлага декларативен, нативен подход за управление на интерактивно поведение чрез директиви като:– data-wp-on-click
– data-wp-bind
– data-wp-context
В тази техническа сесия ще разгледаме:
- Архитектурата и целите на Interactivity API
- Как да маркираме блокове като интерактивни чрез
supports.interactivity - Как да използваме директиви за кликове, класове, data binding, loops и др.
- Как да изградим store за state management, actions и side effects
- Реални примери като: button toggles, слайдер галерии изградени чрез Core Image блокове, query loop филтриране и SPA-like навигация без reload
-
Ryan Welcher
Ryan is a Developer Advocate at Automattic. He focuses on removing barriers to adoption for developers working with Gutenberg and WordPress. He is a seasoned WordPress developer and regular contributor to WordPress and the Gutenberg project. He also streams on Twitch as RyanWelcherCodes were he focuses on custom block development. Сесии
Сесия
- Panel Discussion: WordPress in the Age of AI 🇬🇧 ноември 29, 2025 в 2:00 pm EET в Track 1 (Hall 6)
- From Static to Dynamic: Mastering the Interactivity API ноември 29, 2025 в 3:00 pm EET в Track 1 (Hall 6)
🇬🇧 Today we highlight another powerful session in the Tech track at WordCamp Sofia 2025 – a deep dive into the new Interactivity API and the future of dynamic WordPress experiences.
💬 From Static to Dynamic: Mastering the Interactivity API
Since block.json standardized how developers define blocks in WordPress 5.8, the editor has grown more robust. But front-end interactivity remained a manual process, until now.
With the release of WordPress 6.5 and the Interactivity API, developers finally have a unified, declarative way to build reactive, dynamic interfaces within WordPress itself.
This developer-focused talk will cover:
- The architecture and core goals of the Interactivity API
- How to enable interactivity using
supports.interactivity - Using directives for click handlers, class toggles, binding data, looping arrays, and more
- How to define a store for shared state, actions, and side effects
- Real-world examples like: button toggles, gallery sliders built on Core Image blocks, query Loop filtering & SPA-style navigation without full reloads
Вашият коментар