Izvedeno stanje je katerakoli vrednost, ki jo lahko izračunate iz obstoječega stanja namesto da bi jo shranili ločeno. Načelo: če jo lahko izračunate, je ne shranjujte — izvedite jo pri vsakem rendriranju. Shranjevanje vrednosti, ki jih lahko izvedete, vabi, da postanejo neskladen.
() {
[items, setItems] = ([]);
[total, setTotal] = ();
() {
([...items, item]);
(total + item.);
}
}
Sedaj je total druga kopija informacije, ki je že v items. Vsaka sprememba items mora tudi posodobiti total, in v trenutku, ko eno zamudite (odstranitev, sprememba količine), se ne strinjata in vmesnik prikaže napačno vsoto.
// ✅ compute total from items — always correct, never out of sync
function Cart() {
const [items, setItems] = useState([]);
const total = items.reduce((sum, i) => sum + i.price, 0); // derived each render
function addItem(item) {
setItems([...items, item]); // ONE update; total recomputes automatically
}
}
Z total izvedenim ni ničesar dodatnega, kar bi bilo treba sinhronizirano — spremenite items in je vsota vedno pravilna.
const sortedFiltered = useMemo(
() => items.filter(i => i.active).sort(compareFn), // expensive derivation
[items] // recompute only when items change
);
Za težke izvedbe (veliki filtri/sortiranja), useMemo/computed/selectors predpomnijo rezultat, da se ponovno izračuna le, ko se odvisnosti spremenijo — vendar je to še vedno izvedeno, ne shranjeno kot neodvisno stanje.
Totals/counts, filtered or sorted lists, fullName from first+last,
isValid from form fields, formatted/displayed strings, "is everything selected?"
Nepodvajanje izvedenega stanja je neposredna uporaba načela enega vira resnice — to odpravi celoten razred napak, kjer se kopije razidejo.
Pravilo »izvedite, ne shranjujte« drži vaše stanje minimalno in vaš vmesnik konsistenten po konstrukciji.
Prepoznavanje tistega, kar je izvedljivo (in poseganje po useMemo/computed/selectors le za zmogljivost, nikoli za ustvarjanje drugega vira resnice), je značilnost čistega, odpornega na napake oblikovanja stanja.