Advanced
•1 min read
Advanced Features
Advanced features for production Directive applications – composition patterns, debugging tools, server rendering, and fault tolerance.
Features
| Feature | Page | When to Use |
|---|---|---|
| Multi-Module | Compose multiple modules into one system | Apps with distinct domains (auth, cart, UI) |
| Runtime Dynamics | Register, override, toggle, and remove definitions at runtime | Feature flags, A/B testing, plugins, lazy loading |
| Time-Travel & Snapshots | Step through state history, undo/redo, serialize and distribute state | Debugging, persistence, sharing |
| SSR & Hydration | Server-render Directive state, hydrate on client | Next.js, Remix, SvelteKit |
| Error Handling | Error boundaries, retry policies, circuit breakers | Production resilience |
Multi-Module Composition
Combine modules with namespaced access:
import { createSystem } from '@directive-run/core';
// Compose multiple modules into a single system
const system = createSystem({
modules: {
auth: authModule,
cart: cartModule,
},
});
// Each module's facts live under its namespace
system.facts.auth.user;
system.facts.cart.items;
Time-Travel Debugging
Enable snapshots and navigate state history:
// Enable time-travel with history
const system = createSystem({
module: myModule,
history: true,
});
// Navigate backward and forward through state history
system.history.goBack(); // Undo
system.history.goForward(); // Redo
Next Steps
- Building a large app? Start with Multi-Module
- Debugging issues? See Time-Travel
- Going to production? See Error Handling
