Blazing Fast Block Development

Learn how to setup a blazing fast block development environment using Docker, SASS & Hot Module Replacement.

  • Intermediate
  • 1h 45m 28s

FREE

I’ve spent way too much time trying to figure out how to create a faster environment for Gutenberg block development. But my pain, is your gain!

In this course I’ll show you how to setup a blazing fast block development environment using all the latest and greatest tooling provided by WordPress and our very own Hot Module Replacement tool.

What Will I Learn?

  • How to launch a local Docker WordPress environment for building block plugins
  • How to quickly create a brand new Gutenberg block without writing any code
  • How to never manually reload a page again
  • How to SUPERCHARGE your block styling with SASS

Course Overview

6 Lessons1h 45m 28s

Blazing Fast Block Development

Getting Setup14:49
Quickly creating a block with the ‘@wordpress/create-block’ package14:49
Setting up a local Docker WordPress environment using the ‘@wordpress/env’ package14:50
Quickly building blocks using the ‘@wordpress/scripts’ package14:49
Adding Hot Module Replacement with the ‘@blockhandbook/block-hot-loader’ package14:52
Supercharge your Styling with SASS & Get Setup for Production19:39

Meet Lee Shadle

Hi I'm Lee!!
I've been designing and building websites for the past 10 years and I am absolutely OBSESSED with building blocks for WordPress's new block editor. They offer the perfect canvas for constraint and creativity. Every block we'll build in my courses solves a unique problem and presents a new challenge and opportunity to learn.

Student Feedback

5.0

Total 1 Ratings

5
1 rating
4
0 rating
3
0 rating
2
0 rating
1
0 rating

I was able to learn how to set up the Gutenberg blocks effectively for WordPress. The technical walk-through was very clear & helpful. Lee is a great teacher – super engaging! I can’t wait to see more courses from him.