Q

const { registerBlockType } = wp.blocks;
const { __ } = wp.i18n;
const { PanelBody, TextControl, ServerSideRender } = wp.components;
const { InspectorControls } = wp.editor;

こういう部分。どの部品を指定すればよいのか分からない。registerBlockTypeと__以外。どこかにヴィジュアル的なカタログみたいなのがある？？それとも 各 componentsのコードを読むしかない？？

A1

具体的にそれをやっているコアのブロックを探して、それを読むのが手っ取り早い気がしてる。

UI の部品は、@wordpress/components にだいたいある感じ。ブロックエディターとの連携とかそういうヤツは、@wordpress/block-editor に ( むかしは、@wordpress/editor に居たけど、移動した ) いる

https://developer.wordpress.org/block-editor/components/ にある程度載ってる

https://wordpress.github.io/gutenberg/ が storybook になったから一応なんとなくのUIはわかる

https://developer.wordpress.org/block-editor/packages/packages-block-editor/ ここみて package の readme.md へのリンクもたどったりはしますね

A2

私はchromeのデベロッパーツールでコンソールにwp.とか叩いて部品名候補が出るので、そこから探したりもしてたりします。