Gutenberg Blocks for WordPress and React Developers

Source: https://www.udemy.com/course/gutenberg/

What you’ll learn

Learn about the block editor design guidelines.
Discover how the block editor saves your post in the database and how the editor UI is constructed.
Learn how to use wp-scripts to transpile ES6 and JSX, compile SASS to CSS, bundle and minify your JS and CSS files and more.
Integrate ESLint, Prettier, Stylelint and Husky in your project to improve your workflow.
Create a new custom Gutenberg block from scratch.
Customize the block editor features in your WordPress theme.
Discover every aspect you need to know to create a complex Gutenberg block.
Create a nested block (a block that accepts other blocks inside of it).
Use third party react libraries to create complex features.
Learn about handling deprecated blocks.
Learn how to transform your custom block into another block.
Create a dynamic block.
Explore how to use the existing data stores in your blocks.
Learn how to create your own data stores stores in order to share data between blocks.
Learn different ways to manage meta fields in the block editor.
Learn how to create a custom sidebar in the block editor and manage your meta fields inside of it.
Learn how to extend the existing block editor’s sidebar.
Learn about features like patterns, context, formatting API and templates.
Modify existing block’s behavior with JavaScript & PHP filters.
Internationalize blocks by generating and loading translation files.

Requirements

You should be familiar with HTML, CSS (SASS), Javascript and PHP basics.
You should be familiar with WordPress development.
You should be familiar with ReactJS Basic Concepts.
Redux Knowledge is Preferable
Any code editor you are comfortable with, I will use VS Code in this code.
A local server like MAMP, WAMP, XAMPP, Laragon or any other software you are familiar with. I will use MAMP through out this course.
NodeJS and NPM or Yarn installed on your machine.