Browser mechanics stay here.
Injection, observers, responsive sizing, themes, and disposal have one tested owner.
React × Blockly
A disciplined shell for unruly workspaces.
A domain-agnostic React shell for Blockly injection, resize, themes, events, and disposal—demonstrated with levelset’s live pipeline registry.
01
Lifecycle, isolated.
Inject once. Resize correctly. Follow the theme. Dispose cleanly.
react-blockly-shellDemonstration 001
Compose a leveling pipeline
Blocks and family bands are generated from levelset’s registry; workspace state remains the app’s concern.
Loading the workspace runtime…
Domain meaning stays with you.
Bring block definitions, serialization, code generation, persistence, and execution.
React remains honest.
Changed injection settings recreate the workspace; callbacks stay current without reinjection.