• WordPress Blocks: Hydrate InnerBlocks From HTML

    Hydrate InnerBlocks From HTML. For instance if your block pulls information from a remote API and you want to display as part of the post, or embed in the post such that it’s editable. The block editor already handles the job very simply

  • WordPress Blocks: React Context Cuts Clutter

    Using Reacts’ Context in WordPress blocks passes parameters painlessly. Attributes carried by context keep coupling minimal. Reacts’ Context feature facilitates distributing data down a component tree to any descendant component. Instead of passing attributes between your components manually (e.g. <FooComponent attrib={ attrib }>), which tightly couples the current attributes and components, using a block-level context…

  • Debugging Gutenberg Blocks: 1

    I’m adding some tags for tips as I find them. I found this tip helpful when debugging what the WordPress Block Editor (Gutenberg) was actually doing behind the scenes. Find the post id (in the edit url there will be a field for post (e.g. post.php?post=121&action=edit). Using the WP-CLI tool you can quickly view the…