WordPress • Topic Section3 scenarios

Gutenberg & Block Editor

React 19 in WP core, block.json v3 manifest, filters & theme.json

Modern Gutenberg block development: separation of reactive edit and static save, compilation with @wordpress/scripts, blocks.registerBlockType core filter hooks, and fine-tuning theme.json v3.

React 19block.json v3Block Filterstheme.jsonRichText

Topic Progress

0%(0 of 3 completed)

+180 XP~75 min

AI Technical InterviewPractice Senior interview questions

WordPress PlaygroundLive in-browser PHP/Wasm runtime

Engineering RoadmapTrack mastery milestones

Practical Section Scenarios

3 scenarios available

Difficulty level:

Middle25 min+60 XP

Workflow for Developing React Gutenberg Blocks from Scratch

Промышленная разработка кастомного блока Gutenberg: спецификация block.json v3, типизированные атрибуты, разделение edit и save, панель InspectorControls, миграции deprecated и ServerSideRender.

WordPress 6.7+React 19TypeScriptblock.json v3@wordpress/scripts

Production ScenarioOpen workflow

Senior25 min+60 XP

Workflow for Filtering and Extending Gutenberg Core Blocks via React Filters

Промышленная модификация блоков ядра Gutenberg: инъекция атрибутов через blocks.registerBlockType, HOC-компоненты editor.BlockEdit, клиентский extraProps и серверная пост-обработка с WP_HTML_Tag_Processor.

WordPress 6.7+React 19TypeScriptGutenberg FiltersWP_HTML_Tag_Processor

Production ScenarioOpen workflow

Middle25 min+60 XP

Workflow for Fine-Tuning the Gutenberg Editor and Theme JSON Presets

Тонкая настройка блочного редактора: спецификация theme.json v3, отключение произвольных палитр, белые списки блоков allowed_block_types_all, блокировка templateLock и ролевые ограничения.

WordPress 6.7+theme.json v3FSE & HybridDesign TokensPHP 8.2+

Production ScenarioOpen workflow