v0.2 · preview

Estado reactivo de grano fino para React

Suscríbete a una ruta exacta del estado — los componentes se re-renderizan solo cuando esa hoja cambia. Sin selectores, sin memoización.

Comenzar API

Disponible paraTypeScript Python

Instalación

npm install @yoltra/core @yoltra/react

Míralo reaccionar

En vivo · suscripción atómica

Solo este valor se re-renderiza — se suscribe a una ruta de estado.

atomic subscription

const n = useAtomicProp("counter", (s) => s.n);

// only components reading counter.n re-render

Menos código que selectores + memo

Otros: selector + memo

others

// Redux Toolkit: selector + memoization
const title = useSelector(
  (s) => s.items[id]?.title,
  shallowEqual,
);
// re-renders whenever the selector's slice changes

Yoltra: ruta atómica

yoltra

// Yoltra: subscribe to the exact path
const title = useAtomicProp(
  "items",
  (s) => s[id].title,
);
// re-renders only when that leaf changes

Por qué Yoltra

Suscripciones atómicas

Suscríbete a una ruta exacta como items.0.title. Los componentes se re-renderizan solo cuando esa hoja cambia.

Event-sourcing

Cada cambio es un evento. Reproduce, audita y razona sobre el estado en el tiempo.

Devtools con viaje en el tiempo

Inspecciona el árbol de estado, recorre la línea de tiempo y salta a cualquier punto.

Sin selectores ni memo

Los accesores de ruta tipados hacen el trabajo — sin selectores ni memoización.

¿Listo para construir?

Empieza con el inicio rápido, o explora la referencia completa de la API.

Comenzar API