Gutenberg provides an amazing drag-and-drop post, page, and custom post type content editing experience for WordPress users. It is completely free to use, and lots of built-in Gutenberg blocks come with it. There are other premium and free page builders (WPBakery Page Builder and Elementor) available on the market, but Gutenberg is gaining popularity gradually.
However, as a WordPress theme and plugin developer, it is important to learn the coding patterns for creating a new and custom Gutenberg block that meets your requirements. In this tutorial, we will learn about the git repository for the Gutenberg blocks, where the developers hosted all of the codes. Please note that you need a little working experience with React, JavaScript, SCSS, and npm before starting to build a Gutenberg block.
Repository For Gutenberg Blocks
- Go to the following git repository.
https://github.com/WordPress/gutenberg - Next, navigate to packages/block-library/src/ folder.
Please check out the following video tutorial for more detail. I hope that helps.