Practical blocks development tutorial series

Like it or not, Block Editor is a big part of the WordPress development focus, and in the coming years, it will be increasingly important to know how to develop blocks and replace shortcodes and widgets that are becoming obsolete and build new functionality too.

In previous posts related to blocks development, I was focusing mostly on reusing existing shortcodes code and creating blocks that will use Server Side Rendering to dynamically generate content, similar to what shortcodes (and widgets, for the most part) do. You can check out the previous tutorial for converting shortcodes to blocks.

Block editor showing blocks from some of my plugins

But, in the past 9 months, I have learned a lot about the development of blocks, and I have created already 30+ blocks, some for my plugin, and some for clients. I worked on 3 projects for clients where blocks were either the primary objective, or a big part of the final product, and I have managed to try out various block types development and learned a lot. But, once again, the lack of usable documentation, I still had to rely a lot on third-party tutorials or blocks to learn what I needed, I spent a lot of time digging through code, testing, and getting frustrated (a lot).

And, as a result, I can now make all sorts of blocks, and I have learned a lot of useful things that more developers would hopefully, also find useful. While I have very limited free time, I plan to post at least one post a week with something useful related to blocks development, starting next week.

If you need help with blocks development, and you have some specific questions on how to do something, please, leave a comment and let me know, and I will try to research and post about it. Also, if you want to share links to useful tutorials (only free resources, no links to learning websites or premium tutorials!), and if you want to share your experiences with blocks development, leave a comment.

Please wait...

Leave a Comment