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.
npm install @yoltra/core @yoltra/reactLas bibliotecas
Yoltra
0.10.0Estado reactivo de grano fino para TypeScript y React: stores con event-sourcing, suscripciones atómicas y devtools con viaje en el tiempo.
Yoltra Design System
0.4.0El sistema de diseño de Yoltra: componentes de React accesibles, tokens de diseño y temas, renderizados en el servidor.
pyYoltra: el contenedor de estado reactivo de grano fino, con event-sourcing, para Python.
Míralo reaccionar
Solo este valor se re-renderiza, se suscribe a una ruta de estado.
const n = useAtomicProp("counter", (s) => s.n);
// only components reading counter.n re-renderMenos código que selectores + memo
Otros: selector + memo
// Redux Toolkit: selector + memoization
const title = useSelector(
(s) => s.items[id]?.title,
shallowEqual,
);
// re-renders whenever the selector's slice changesYoltra: ruta atómica
// Yoltra: subscribe to the exact path
const title = useAtomicProp(
"items",
(s) => s[id].title,
);
// re-renders only when that leaf changesPor 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.