Designing a plugin system with dynamic component registration

Scenario

Context A CMS platform needs to support third-party widget plugins that can be registered at runtime and rendered inside a page builder. The Problem The current implementation hard-codes all available widget types in a switch statement, requiring a full rebuild to add new widget types. Constraints Create a component registry (Map or object) allowing dynamic registration of components by string key. Render registered components lazily using React.lazy. Handle unknown keys gracefully with a fallback component. Expected Deliverable A React plugin architecture with a dynamic component registry, lazy loading, and graceful fallback for unregistered types.

Targeted skills