reactumg-knowledge

ReactUMG is a framework for building reactive user interfaces in UE4/UE5 using declarative patterns. It provides architecture rules, component configuration patterns, and update mechanisms to structure UI development around state-driven updates and event handling, replacing manual widget management with predictable, maintainable code.

ReactUMG code samples cover color handling conventions, TArray patterns for dynamic lists, and CanvasSlot coordinate mappings. These sections provide concrete TypeScript examples and best practices for layout configuration, ensuring consistent implementation across component types and reducing common integration errors.

ReactUMG documents coordinate systems, mouse input routing, and event propagation rules for interactive UI. Best practices cover input validation, coordinate transformation between canvas and screen space, and proper event binding to prevent misaligned interactions and debug coordinate-related issues efficiently.

Yes. ReactUMG knowledge supports explicit planning workflows for new UI integrations and debug workflows for troubleshooting existing systems. It includes decision trees, API mappings, and development rules that guide both upfront architecture decisions and targeted debugging of component behavior and state management.

ReactUMG defines automatic and manual update mechanisms for widget state synchronization. Documentation specifies when reactive updates apply automatically and when explicit refresh calls are needed, preventing stale UI state and reducing unexpected behavior in complex nested component hierarchies.

ReactUMG knowledge is organized in plugins/UE_ReactUMG/skills/reactumg-knowledge with navigable sections covering rules, patterns, code samples, and API mappings. Start with sections most relevant to your task—architecture for planning, specific components for debugging—to access decision trees and TypeScript examples.