Post-talk notes

Session: Gutenberg: Rethinking content creation
Event: Drupal Developer Days Lisbon 2018
Slides:
 Keynote (original) PowerPoint (exported) PDF (no demo videos)

Who

The content format

a.k.a. the language of Gutenberg

HTML comments wrap around blocks and semantically enhance content. They can carry block attributes, or just serve as boundaries that don’t compromise block contents. See: The Language of Gutenberg, co-presented with Matías Ventura.

Block API

The block API exposes registerBlockType (client) and register_post_type (server) to create new blocks. Blocks have attributes which may be sourced from the content or from post meta. A block type’s save and edit methods use these attributes to store content and render it in the editor. Block authors have many reusable components available in wp.blocks.* and wp.components.*. See: Creating Block Types

Gutenberg development doesn’t require using a particular build system or the latest JavaScript (ES6, ES7), as all tools are provided as globally accessible functions (e.g. wp.element.createElement). Abstractions such as wp.editor.InspectorControls or .BlockControls allow the edit method to render components to multiple areas of the editor in a single return value. See: Block Controls

When declared on the server, block types can specify a render_callback function that will be called on rendering the front-end, allowing blocks to be dynamic. See: Creating Dynamic Blocks

Block types can be intercepted via white- and blacklisting or via enhancement. See: Extending blocks

The block API’s transforms and deprecated constructs provide paths for moving pre-Gutenberg content to blocks and for letting blocks evolve, respectively. See: Deprecated blocks.

Extensibility APIs

The plugins (wp.plugins) and data (wp.data) APIs allow a world of customization of the editor and follow the programming patterns of core Gutenberg, based on modularity and reuse of composable primitives. See: Extensibility (handbook), Riad Benguella’s Extensibility Workshop material, Riad’s “Dropit” Image Search and Drop plugin.

Contracts (bonus)

Block templates are arrangements of blocks that can be used as default empty states when adding a new post of a given post type. Locking levels optionally prevent deletion, movement and addition of blocks into a post. See: Templates

Aside from core validation mechanisms (block shape, template shape, “use once” blocks, etc.), the editor can be extended to provide domain-specific business logic at the block and editor levels. See: “Use once” validation

Emerging patterns

Forwards

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s