📄️ Components
Components are the building blocks of any Refract application. Think of them as reusable pieces of your UI that combine both appearance and behavior into a single, manageable unit.
📄️ Refractions
Refractions are Refract's way of handling reactive state—data that automatically updates your UI when it changes. Think of them as smart variables that know how to notify your components when their values change.
📄️ Lenses
Lenses are Refract's way of providing controlled access to state, side effects, and lifecycle events within your components. Think of a lens as your component's personal assistant—it gives you the tools you need while keeping everything organized and trackable.
📄️ Optical Composition
Optical composition is Refract's system for creating reusable patterns of stateful logic. Think of optics as custom tools that you can use across different components—they encapsulate common behaviors and state management patterns that you'd otherwise have to rewrite every time.
📄️ Side Effects
Side effects are operations that reach outside your component's pure rendering logic—things like API calls, timers, DOM manipulation, or subscribing to external data sources. Refract provides several tools to handle side effects safely and predictably.