Gutenberg Blocks for WordPress and React Developers

Use Your ReactJS and Redux Knowledge to Create Complex Gutenberg Blocks and Plugins from scratch.
4.67 (912 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Gutenberg Blocks for WordPress and React Developers
6 231
students
16.5 hours
content
Jun 2024
last update
$84.99
regular price

What you will 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.

Course Gallery

Gutenberg Blocks for WordPress and React Developers – Screenshot 1
Screenshot 1Gutenberg Blocks for WordPress and React Developers
Gutenberg Blocks for WordPress and React Developers – Screenshot 2
Screenshot 2Gutenberg Blocks for WordPress and React Developers
Gutenberg Blocks for WordPress and React Developers – Screenshot 3
Screenshot 3Gutenberg Blocks for WordPress and React Developers
Gutenberg Blocks for WordPress and React Developers – Screenshot 4
Screenshot 4Gutenberg Blocks for WordPress and React Developers

Charts

Students
Price
Rating & Reviews
Enrollment Distribution

Comidoc Review

Our Verdict

Gutenberg Blocks for WordPress and React Developers is an excellent Udemy course that offers comprehensive coverage of Gutenberg block creation, combining theory and practice. Though the course has some areas for improvement, such as outdated code examples, it remains a valuable resource for developers looking to create custom Gutenberg blocks and plugins in their projects.

What We Liked

  • Comprehensive coverage of Gutenberg block creation, from basics to advanced topics like nested blocks and custom data stores
  • Instructor's expertise and clear explanations, making complex concepts more accessible to learners
  • Responsive instructor support in the Q&A section, helping students overcome roadblocks
  • Kept up-to-date with regular updates even after initial release in 2019

Potential Drawbacks

  • Example code and webpack configurations may contain errors due to outdated packages
  • Some content can be found elsewhere, such as the WordPress documentation, but the course still provides a valuable guided experience
  • Theory-heavy initial sections before practical block creation may not appeal to all learners
2183316
udemy ID
29/01/2019
course created date
04/06/2019
course indexed date
Bot
course submited by