solid-control-flow

What problem does it solve?

Manages complex rendering logic in SolidJS by providing declarative primitives for conditionals, loops, and dynamic components, simplifying UI development.

Core Features & Use Cases

• Conditional Rendering: Use <Show> and <Switch>/<Match> to display components based on state, enabling reactive interface adjustments.
• List Rendering: Use <For> and <Index> to render collections efficiently, supporting list reordering and primitive data challenges.
• Dynamic Components: Render components at runtime with <Dynamic> and createDynamic, allowing flexible UI composition.
• Portals & Error Handling: Mount elements outside the DOM hierarchy with <Portal>, and handle runtime errors through <ErrorBoundary>.
• Suspense & Lazy-loading: Manage async data with <Suspense>, <SuspenseList>, and code-splitting via lazy() for performance optimization.

Quick Start

Use the <Show> component to conditionally display content when a variable is true.