◎
Selector-first
Wähle ein Objekt mit genau den benötigten Werten. Kerros vergleicht die obersten Felder mit Object.is.
Kerros
State entlang des Komponentenbaums
Verwandle jeden React Hook in einen selektorbasierten Store. Jeder Provider bildet eine stabile Grenze; Komponenten rendern nur bei Änderungen ihrer Auswahl neu.
In deinen Coding Agent einfügen und Paket plus Skill installieren
Installiere @violetflux/kerros mit dem Paketmanager dieses Projekts und führe danach npx skills add violetflux/kerros --skill kerros --agent '*' -y aus, um den Kerros Skill für alle kompatiblen Coding Agents zu installieren.
createStore · Provider · selector
State in drei Schritten teilen
Übergib einen normalen Hook an createStore, binde den Provider ein und wähle genau die benötigten Werte aus.
import { createStore } from '@violetflux/kerros'
import { useState } from 'react'
const [useCounter, CounterProvider] = createStore(() => {
const [count, setCount] = useState(0)
return { count, setCount }
})
function Counter() {
const { count, setCount } = useCounter(s => ({
count: s.count,
setCount: s.setCount,
}))
return <button onClick={() => setCount(count + 1)}>{count}</button>
}
<CounterProvider>
<Counter />
</CounterProvider>⌁
Hook-nativ
Ein Store ist ein normaler benannter React Hook. useState, useReducer und SDK Hooks bleiben unverändert nutzbar.
◇
Komponierbar
Verschachtelte Provider bilden explizite, einseitige Abhängigkeiten zwischen Stores.
↗
React 17–19
Der offizielle External-Store-Shim bevorzugt die native React-Implementierung, sobald sie verfügbar ist.