Gutenberg Blocks for WordPress and React Developers

Gutenberg Blocks for WordPress and React Developers Free Download. Use Your ReactJS and Redux Knowledge to Create Complex Gutenberg Blocks and Plugins from scratch.

Gutenberg Blocks for WordPress and React Developers Description

In this course you will learn everything you need to know in order to create custom blocks for Gutenberg. We will start by a simple block and then we will create some more complex blocks.


  • You should be familiar with HTML, CSS (SASS), Javascript and PHP basics.
  • You should be familiar with WordPress development.
  • You should be familiar with JavaScript, ReactJS & Redux.
  • 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.

The Complete WordPress Website Business Course

What you’ll learn

  • Learn about Gutenberg blocks design guidelines.
  • Discover how Gutenberg saves your post in the database and how the editor UI is constructed.
  • Learn how to use webpack to transpile ES6 and JSX, compile SASS to CSS, bundle and minify your JS and CSS files and more.
  • Integrating ESLint, Prettier and husky in your project to improve your workflow.
  • Create a new custom Gutenberg block from scratch.
  • Customize Gutenberg 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 existing redux stores in your blocks.
  • Learn how to create your own redux stores in order to share data between blocks.
  • Learn different ways to manage meta fields in the gutenberg editor.
  • Learn how to create a custom sidebar in Gutenberg and manage your meta fields inside of it.
  • Learn how to extend the existing Gutenberg sidebar.

Who this course is for:

  • WordPress theme/plugin developers who are familiar with ReactJS and want to create Gutenberg blocks from scratch.
  • Anybody with some WordPress and ReactJS experience who wants to know everything about the Gutenberg editor.

Gutenberg Blocks for WordPress and React Developers Free Download


Content From:



Related Articles


Please enter your comment!
Please enter your name here