Creating a block

Creating a block for Gutenberg is easier than it looks. You can learn how to create a block using ES5 and ES6/ESNext from the below resources –

By the way, you can register fields for Gutenberg blocks with less repetitive code using Gutenberg Fields Middleware.