Works with Next.js app router and server components — bootstrap runs client-side.
rs-x for Next.js
Reactive expressions for Next.js apps, where the UI changes only when the relevant data changes.
Why rs-x
Use rs-x in Next.js client components to bind reactive expressions to your model state. Keep the expression stable by creating it at module scope or with useMemo. rs-x tracks fine-grained dependencies and updates only the parts of the UI that depend on what changed.
useRsxExpression should receive a stable pre-built expression, not a freshly bound expression created during render.
Webpack plugin integration via rsx init for seamless build support.
Full TypeScript support with the rs-x VS Code extension and compiler.
Common use cases
Typical scenarios where fine-grained change detection pays off.
Reactive client components with precise update control.
Shared expression models across multiple components.
Data-heavy pages where reducing re-renders matters.
Related docs
Keep digging with the guides teams use most.