Fabian and Anja want to instruct you to develop a custom gutenberg block from scratch with the help of tools the gutenberg team has developed:
- @wordpress/scripts (@wordpress/scripts)
- WP Dev Docker Images (docker-images)
- create block (create-block)
- gutenberg module & component library (gutenberg-components)
This workshop is aimed to gutenberg beginners but not solely (you might get some development tips even if you developed gutenberg blocks before). Together we will build a plugin with a card block made in React that can be used in various ways in your next website project.
We want to familiarize you with the React setup of a gutenberg blocks to help you quickly finding you way around gutenberg block development and have your first results to take home with.
The workshop will be held in english of course and a laptop is obligatory for development. 😉
You can use your favorite Editor – we will code in „VS Code“ (VS Code Download).
Node should be preinstalled so we can directly open the terminal and perform a npm install without spending precious workshop time with node installations. We also use Docker to develop in a default WordPress environment. Installing Docker takes some time as it is big. So please download and install it beforehand as well.
We will add a link here to our github repo with useful links for React development soon (suggested plugins for browsers, vs code, etc.)
We look forward to see you! Anja & Fabian