Static blocks vs Dynamic blocks - what's the difference

[mburridge]

Article idea

[bph]

Here is a link to the existing documentation on dynamic blocks.

[mburridge]

Blocks can be static or dynamic. Static blocks contain rendered content and an object of Attributes used to re-render based on changes. Dynamic blocks require server-side data and rendering while the post content is being generated (rendering).

from here.

[mburridge]

Resources

• https://design.oit.ncsu.edu/2019/03/11/choosing-dynamic-blocks-one/
• Static vs Dynamic blocks gutenberg#35918
• https://kinsta.com/blog/dynamic-blocks/

Definitions

A type of block where the content of which may change and cannot be determined at the time of saving a post, instead calculated any time the post is shown on the front of a site. These blocks may save fallback content or no content at all in their JavaScript implementation, instead deferring to a PHP block implementation for runtime rendering.

• https://developer.wordpress.org/block-editor/explanations/glossary/#dynamic-block

A type of block where the content of which is known at the time of saving a post. A static block will be saved with HTML markup directly in post content.

• https://developer.wordpress.org/block-editor/explanations/glossary/#static-block

[mburridge]

@wordpress/create-block will build a dynamic block with the following option:

$ npx @wordpress/create-block --variant dynamic

[bph]

This topic was converted to an Issue #20 and Joni Halabi has agreed to compose the post. Please continue commenting on the issue.

[bph]

Published: Static vs. dynamic blocks: What’s the difference?