• Gutenberg
  • Both Gutenberg editor and final frontend are React- and PHP-based
  • Has React npx commands for creating custom blocks, and npm packages for generally doing React development on Wordpress, which have their own watch-based build system and support things like SCSS. You write both React and PHP together.
  • Blocks can be either static (I think pure HTML?) or dynamic (PHP)
  • Gutenberg documents are serialized in a special HTML format using comment tags for denoting blocks and their attributes.
  • Blocks specify some set of metadata, including what standard right sidebar styling controls are supported (or can override the defaults)
  • You specify both the edit-time component and the published-time component
  • You render controls in the edited document, as React components that portal into the editing toolbar
  • Block patterns are just insertable templates.
• TODO
  • Plugins
  • Custom fields
  • theme.json
  • Full site editing
  • Block themes
  • Static builds