Static vs. Dynamic WordPress Blocks and an introduction to Pinegrow’s new Hybrid Blocks

Подписаться 2,3 тыс.

Просмотров 1 тыс.

50% 1

In this video, I demonstrate some of the differences, advantages, and disadvantages of static versus dynamic WordPress blocks. I introduce Pinegrow’s new hybrid blocks, an alternative to static blocks, that gives you some of the best of both worlds. And, I offer advice on which block type to use in different circumstances.
📝Note: I'm not affiliated with Pinegrow in any way. I'm just a happy, paying customer who wants to see the product continue to grow and thrive, and to help build a more active community around it.
🧰 Resources:
• WordPress.org: wordpress.org/
• Pinegrow Website Editor: pinegrow.com/
• Static & Dynamic Block Overview - developer.wordpress.org/news/...
• Creating a static block tutorial - developer.wordpress.org/block...
• Creating a dynamic block tutorial - developer.wordpress.org/block...
• Block Deprecation Tutorial - developer.wordpress.org/news/...
• Pinegrow’s Hybrid Blocks documentation - pinegrow.com/docs/wordpress/c...
• Kinsta’s Definitive Block Development Tutorial - kinsta.com/blog/gutenberg-blo...
• Find My Blocks Plugin - wordpress.org/plugins/find-my...
🌐 My Websites:
• adamlowe.io
• peakperformancedigital.com
✅ Connect with Me:
• Facebook: / peakperformancedigital
• LinkedIn: / peakperformancedigital
• RU-vid: / @adamloweio
• Twitter: / peakperfdigital
⌚ Timestamps:
00:00 Introduction
00:44 Static Block Basics
01:44 Advantages of Static Blocks
02:23 Drawbacks of Static Blocks
03:32 Dynamic Block Basics
04:14 Why Not Use Dynamic Blocks Everywhere?
04:50 Commercial Block Plugins & Deprecation
05:35 Introducing Hybrid Blocks
05:59 The Catch
06:16 Pinegrow's Hybrid Block Solution
07:00 Recap -- What to use and when to use it
08:27 Outro

Кино

Опубликовано:

4 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 13

@Permaslug 10 месяцев назад

SUPER helpful! Thank you

@briansteeleca Год назад

👏Very cool!

@carlosrosalesrojas6788 Год назад

nice

@56k-web Год назад

Thanks for the Video. I am very happy Pinegrow let us create Hybrid Blocks now. 👏

@AdamLoweIO Год назад

I'm glad you appreciated it. And yes, Pinegrow blocks have alway been great for performance and flexibility, and these hybrid blocks bring their usability another step closer to what we get with general-purpose commercial blocks.

@benjaminjohnstone8672 Год назад

Great explanation!

@micheltsa 10 месяцев назад

Building blocks with Pinegrow is getting easier with each new update, which is fantastic. This makes me think about creating dynamic blocks as components to be used in various projects with different styles. In your opinion, what would be the best way to achieve this? Use a standard class structure (like Core or ACSS) for all projects or utilize a framework like Tailwind?

@AdamLoweIO 10 месяцев назад

Great question! I think you'll be equally fine either way; the biggest thing that'll make a difference is consistency. If you take a look at the WordPress docs, they actually lean toward creating separate css files for each block. It's an extra step, but it does make it so that they can be used as standalone components and easily swapped in and out of projects. It also makes it so that the block's CSS is only loaded when needed.

@brokeartisan Год назад

The hours this is going to save me of mind numbing bullshit with React is fantastic, no more hoisting next to a plugin just to generate blocks on the fly.

@AdamLoweIO Год назад

"Mind numbing bullshit" -- Wasn't that React's codename?

@brokeartisan Год назад

@@AdamLoweIO Facts, why they went with React I will never understand.

@t.q.7734 11 месяцев назад

My brain is exploding. Why would you use static blocks then? What's the use case for those?

@AdamLoweIO 10 месяцев назад

There is still a tiny performance bump with static blocks vs. hybrid. Plus, the hybrid block model skirts around the block deprecation system that WordPress introduced to allow two versions of a block to run side by side. In practice, there is very little reason not to use hybrid blocks vs. static blocks.