How to Create a Custom Gutenberg Block for WordPress (JSX)

In this video we’re going to create a Gutenberg block using React (don’t worry) completely from scratch. In case you have never worked with React or Webpack – nothing to be worried about, because we are going to cover these topic in the video as well. ⏱️ Timestamps: 00:00 Intro 03:31 Setting up the environment 06:22 @wordpress/create-block 11:22 File structure of a block 19:25 edit() and save() functions 23:37 Add CSS to a block 35:02 RichText component 55:22 Block styles in 01:02:17 InspectorControls 01:17:11 MediaUpload component 🔥 Subscribe for more helpful videos: @rudrastyh #wordpress #gutenberg