Update Quick Start GIF for Create Block Docs

[zzap]

This is not really a bug but there's no type for updating the docs (maybe create one :) ).

In .gif animation for create block package readme file we still have this command for creating a block:

npm init @wordpress/block todo-list

However, code snippet below is up to date and show different command:

npx @wordpress/create-block todo-list

Also, animation clearly shows this command should be executed in plugins folder:

cd wp-content/plugins

This is not mentioned anywhere in text and I think it should be.

[gziolo]

To be clear, both commands work exactly the same. npm init @wordpress/block is shorter but for some reasons we use npx @wordpress/create-block now in the documentation. This demo is hosted on nake.wordpress.org so it could be updated there if it isn't used in some old post. Otherwise we should still upload it to make.wordpress.org and update the reference in the README file.

Next week we are publishing packages to npm so we could record new demo just after it happens to have the latest version.

[zzap]

Next week we are publishing packages to npm so we could record new demo just after it happens to have the latest version.

Awesome. Thank you.

By the way, I love that we recommend npx over npm even though the end result is the same.

[gziolo]

There is a new version of @wordpress/create-block available so we can record a new GIF presenting how this tool looks in action.

[gziolo]

I recorded a new GIF that contains more details and uses interactive mode:

[gziolo]

Also, animation clearly shows this command should be executed in plugins folder:

It isn't a strong requirement. You can run it anywhere, but then you probably will want to move somehow your plugin to test with WordPress. I removed that part from the demo to avoid confusion.

[zzap]

Thank you so much @gziolo it looks great :)

Yes, of course you can run it anywhere and it will build files but every next step need that folder to be inside plugins dir. I don't think people just build custom blocks (or anything for that matter) without checking how it works until it's done.

As this is documentation for building blocks as WordPress plugins, I'd argue we should note somewhere that plugins should be working directory for initiating the whole process.

[gziolo]

As this is documentation for building blocks as WordPress plugins, I'd argue we should note somewhere that plugins should be working directory for initiating the whole process.

Good point, I will open another PR that includes a note in the Quick Start section. 👍🏻

[gziolo]

Another PR is ready #28052.

[zzap]

That's awesome. Thank you so much 💯