WordPress Interactivity API in Action with Seth Rubenstein

See how Pew Research Center uses the WordPress Interactivity API to build live search filters and interactive blocks in the block editor. Seth Rubenstein shows Armando real examples of what modern WordPress can do without a third party page builder. In this episode: Pew moved from a 12-site WordPress multisite to one main site built with full site editing, which makes the design and templates easier to manage. Their simple form blocks (like a checkbox or a select drop-down) do nothing by themselves until you give them an interactivity namespace, so the same small blocks work as a reusable components library. Their faceted search updates results and counts live with no page reload, and it only renders the parts that changed, so it uses less server resources. Quizzes and charts are built right in the block editor, and the brand guidelines are programmed in, so editors can't make a chart that breaks them. Seth read up on the Block Bindings API and deleted 10 custom blocks in two hours. Guest: Seth Rubenstein, WordPress contributor, Pew Research Center Pew Research Center: https://www.pewresearch.org/ WordPress Interactivity API docs: https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/ Chapters 00:00 Seth's 20 years with WordPress 03:36 Moving from multisite to one site 05:58 How the facets blocks work 08:39 Reusable interactive form blocks 09:56 Live filtering without page reloads 19:24 Why build a custom facets interface 22:09 Building quizzes with blocks 26:02 Charts made in the block editor 34:07 Replacing blocks with block bindings 41:26 Atomic blocks and what's next Episode page: https://webtalk.show/episodes/001-the-interactivity-api-in-action-a-conversation-with-seth-rub/ Hosted by Armando J. Perez-Carreno. Learn more at https://perezcarreno.com