@wordpress/blocks

import { registerBlockType } from '@wordpress/blocks';
import { __ } from '@wordpress/i18n';

registerBlockType( 'namespace/block-name', {
	title: __( 'My First Block' ),
	edit: () => <div>{ __( 'Hello from the editor!' ) }</div>,
	save: () => <div>Hello from the saved content!</div>,
} );

import { createBlock } from '@wordpress/blocks';

const block = createBlock( 'core/paragraph', {
	content: 'Hello World',
} );

import { parse } from '@wordpress/blocks';

const blocks = parse( postContent );

import { serialize } from '@wordpress/blocks';

const content = serialize( blocks );

import { registerBlockCollection } from '@wordpress/blocks';
import { __ } from '@wordpress/i18n';

registerBlockCollection( 'my-plugin', {
	title: __( 'My Plugin Blocks' ),
	icon: 'wordpress',
} );

import { registerBlockStyle } from '@wordpress/blocks';
import { __ } from '@wordpress/i18n';

registerBlockStyle( 'core/quote', {
	name: 'fancy-quote',
	label: __( 'Fancy Quote' ),
} );

import { registerBlockVariation } from '@wordpress/blocks';
import { __ } from '@wordpress/i18n';

registerBlockVariation( 'core/embed', {
	name: 'youtube',
	title: __( 'YouTube' ),
	attributes: { providerNameSlug: 'youtube' },
} );

import { getBlockType } from '@wordpress/blocks';

const blockType = getBlockType( 'core/paragraph' );

import { getBlockTypes } from '@wordpress/blocks';

const allBlocks = getBlockTypes();

import { hasBlockSupport } from '@wordpress/blocks';

const supportsAlign = hasBlockSupport( 'core/image', 'align' );

import { registerBlockBindingsSource } from '@wordpress/blocks';
import { _x } from '@wordpress/i18n';

registerBlockBindingsSource( {
	name: 'plugin/custom-source',
	label: _x( 'Custom Source', 'block bindings source' ),
	usesContext: [ 'postId' ],
	getValues: ( { select, context } ) => {
		return {
			content: 'Dynamic content',
		};
	},
} );

import { getBlockTransforms } from '@wordpress/blocks';

const transforms = getBlockTransforms( 'from', 'core/paragraph' );

import { switchToBlockType } from '@wordpress/blocks';

const newBlocks = switchToBlockType( block, 'core/heading' );

import { setCategories } from '@wordpress/blocks';
import { __ } from '@wordpress/i18n';

setCategories( [
	{ slug: 'text', title: __( 'Text' ) },
	{ slug: 'media', title: __( 'Media' ) },
	{ slug: 'custom', title: __( 'Custom' ) },
] );

import { useSelect } from '@wordpress/data';
import { store as blocksStore } from '@wordpress/blocks';

function MyComponent() {
	const blockTypes = useSelect( ( select ) => {
		return select( blocksStore ).getBlockTypes();
	}, [] );
}