How To Create Custom Blocks for Gutenberg with Block Lab

Of all the amazing things the new block editor (aka Gutenberg) for WordPress can do, the ability to create custom blocks is right at the top of the list. This feature allows developers to tightly integrate their own content and layouts within the editor in a standardized way. While we lose a little bit of flexibility in terms of what we can do with the edit screen, we gain a more consistent UI. This can be a big help when training clients to use WordPress. Plus, it just looks cleaner than the Classic editor.
Among all this great news is a bit of a catch: The default way to build a custom block requires that you wade knee-deep in JavaScript. Specifically, WordPress uses the React.js library to power this interface. It’s incredibly dynamic, yet features a fairly steep learning curve for those of us who primarily work with PHP.
The WordPress Toolbox
Unlimited Downloads: 500,000+ WordPress Themes, Plugins, Templates & Design Assets
But you can always rely on the WordPress community for creative solutions. Today, we’re going to look at one alternative that aims to simplify the block creation process (even taking JavaScript out of the equation). This helps to empower more
Source: https://managewp.org/articles/18197/how-to-create-custom-blocks-for-gutenberg-with-block-lab

source https://williechiu40.wordpress.com/2018/12/10/how-to-create-custom-blocks-for-gutenberg-with-block-lab/