Macro Code gen

Macro-driven HTML code generation works by translating high-level Chemical HTML component macros into concrete generated functions and component wrappers for target frameworks like React, Preact, and Solid.

Macro expansion mapping transforms top-level Chemical macros into framework-specific component wrappers and generated functions, documenting specific naming conventions and implementation details for Preact, React, Solid, and Universal outputs.

You inspect generated functions by using the skill to visualize how a top-level macro translates into generated HTML component code, revealing the underlying component wrapper generation and function naming conventions.

Yes, Chemical HTML components support Universal framework targets. The macro expansion rules document how high-level macros translate into generated functions for the Universal component wrapper alongside Preact, React, and Solid.

Generated component wrappers follow specific macro expansion rules and function naming conventions defined by Chemical. Debugging macro-driven code generation requires inspecting how top-level macros translate into the generated HTML component code.

You need to understand macro expansion rules during onboarding or when debugging macro-driven code generation, as these rules dictate how high-level Chemical HTML components translate into concrete generated functions and component wrappers.