Shallow copy vs deep copy — co kopiuje spread?

Spread kopiuje tylko pierwszy poziom. Zagnieżdżone obiekty pozostają współdzielone.

const original = { profile: { name: 'Anna' } };
const shallow = { ...original };
const deep = structuredClone(original);
shallow.profile.name = 'Ola';
console.log(original.profile.name); // Ola
console.log(deep.profile.name);     // Anna

Doprecyzowanie: structuredClone obsługuje wiele typów danych i cykle, ale nie funkcje ani każdy rodzaj obiektu.

Pułapka: JSON stringify/parse gubi część informacji i nie obsługuje cykli. W React często wystarczy skopiować tylko zmienianą ścieżkę, zamiast głęboko klonować cały stan.