Modern WordPress Development Part 2: Use wp scripts to create a starter plugin for Gutenberg blocks

Need a template to start your Gutenberg block development plugin in WordPress? This tutorial will take you through wp-scripts and the create-block script, which provides a fast and easy way to get started developing React-based Gutenberg blocks. Webpack, Babel, Sass, and the PHP you need to get started right away are all included!

We'll also cover the differences between the popular CGB scripts package and wp-scripts, what "ejecting" from cgb-scripts means, and why you'll love wp-scripts if you need to do things like modify your webpack configuration.

This series is part of my "day job" work and intended for web developers at an intermediate level. To make the most of this series, you'll want to have some light familiarity with the terminal, experience editing code in a code editor such as VSCode, and be able to read, modify, and understand JavaScript written in ES6 syntax.

We'll be following the instructions in WordPress's official create-block tutorial: https://developer.wordpress.org/block...

Chapters in this video:
[00:00] Introduction
[00:32] Pros and cons of wp-scripts and cgb-scripts (Create Guten Block)
[02:29] What is ejecting and why does it matter?
[03:29] Prerequisites for this tutorial
[04:12] Create the starter block plugin using wp-scripts
[04:33] Breaking down the script command parameters
[06:39] What wp-scripts is doing while it is running
[08:48] How to know when the scripts are done running
[09:36] How to figure out what script commands you have available to you
[10:33] Start the build process
[11:33] Closing remarks and next steps