When creating a block for the WordPress block editor (a.k.a. Gutenberg), I find that most of the documentation is for class components. However, with React hooks we can use functional components. When you need to import ‘useState from React, you can do it as follows in a WordPress block.
Gutenberg
Gutenberg JS
My notes on JavaScript available methods in Gutenberg.
How the WordPress Block Based Editor Stores Blocks
Traditionally, when working with values in WordPress they would be stored in post meta. Now with the new upcoming WordPress editing experience (Gutenberg), these values are often stored right in the content. These are some of my notes on how they are stored.
Define Gutenberg Attributes in PHP
In WordPress 5.0, the editing experience will be changing dramatically. I’ve written information for my clients about this change in Prepare for WordPress 5.0 (Gutenberg). With the editor moving from one general purpose editor field to a series of special purpose blocks, there will be a need for creating custom blocks. In another post, I’ve […]
Gutenberg and the Classic Editor Plugin
With the newly released WordPress 5.0, which includes the new block-based Gutenberg editing experience, many people are installing the Classic Editor plugin to retain the previous behavior. The Classic Editor plugin is the official solution being prescribed for these situations. No problem, install the Classic Editor plugin and 5.0 will be indistinguishable from 4.9.8 for […]
WordPress Custom Editor Block
With WordPress 5.0 a new block-based editing experience will be introduced (a.k.a. Gutenberg). This new editing experience is available via the Gutenberg plugin. By adding this plugin to your (development) WordPress website, you can preview the new editing experience. At the time of this writing, Gutenberg is still under-development so I recommend only installing it […]