KeenWP

Curated resource guide

Gutenberg and Block Development Resources

Build custom Gutenberg blocks and editor experiences using current WordPress APIs and sound React patterns. The selected resources explain block metadata, attributes, rendering, InnerBlocks, data stores, editor extensibility, Interactivity API integration, testing, accessibility, performance, and safe migration as block APIs change.

Scope

What this guide covers

  • Block architecture
  • block.json metadata
  • static and dynamic rendering
  • server-side rendering
  • edit and save functions
  • InnerBlocks
  • block supports
  • attributes
  • transforms
  • variations
  • patterns
  • Block Bindings
  • Interactivity API integration
  • data stores and @wordpress/data
  • components
  • SlotFill
  • editor extensibility
  • block locking
  • block context
  • custom formats
  • RichText
  • InspectorControls
  • toolbar controls
  • render callbacks
  • REST integration
  • scripts and styles
  • @wordpress/scripts
  • TypeScript/JavaScript build pipelines
  • React patterns
  • accessibility
  • internationalization
  • testing
  • debugging
  • performance
  • deprecations and migrations
  • plugin and theme integration

Selected references

Curated resources

Links open the original publisher so you can use the complete, current material in context.

  1. 01
    5
    Recommended starting point

    Block Editor Handbook

    The official entry point for Gutenberg architecture, block APIs, packages, editor extensions, and development tools.

    developer.wordpress.org
  2. 02
    5

    block.json Fundamentals

    Understand the metadata file that connects block registration, assets, attributes, rendering, and editor behavior.

    developer.wordpress.org
  3. 03
    5

    Block Registration

    The complete client and server registration reference for blocks and their metadata.

    developer.wordpress.org
  4. 04
    5

    Static and Dynamic Rendering

    Choose deliberately between saved markup and PHP-rendered output, including validation and update implications.

    developer.wordpress.org
  5. 05
    5

    Nested Blocks with InnerBlocks

    Build constrained nested editing experiences with templates, allowed blocks, orientation, and parent relationships.

    developer.wordpress.org
  6. 06
    5

    Block Supports

    Adopt Core controls for layout, spacing, color, typography, dimensions, and related generated styles.

    developer.wordpress.org
  7. 07
    5

    @wordpress/scripts

    Use the maintained build, lint, test, package, and development scripts for block projects.

    developer.wordpress.org