js-tosorted-immutable
Sortuj tablice bez mutacji — używaj toSorted() zamiast sort() w React
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umożliwia bezpieczne sortowanie tablic w komponentach React bez modyfikowania oryginalnych danych. Zamiast sort(), który mutuje tablicę na miejscu, skill podpowiada użycie toSorted() — metody tworzącej nową posortowaną tablicę. Chroni Twoje propsy i stan przed nieoczekiwanymi zmianami, eliminując błędy związane z zamknięciami i naruszeniami modelu immutability w React. Obsługiwany w nowoczesnych przeglądarkach (Chrome 110+, Safari 16+, Firefox 115+, Node.js 20+) z fallbackiem na spread operator dla starszych środowisk.
Jak używać
Zainstaluj skill w swoim projekcie Claude lub Copilot, dodając plik js-tosorted-immutable do katalogu skills.
Gdy piszesz kod React z sortowaniem tablic, skill automatycznie wykryje użycie sort() na tablicach pochodzących z propsów, stanu lub zmiennych współdzielonych między komponentami.
Zaakceptuj sugestię skill'u, aby zamienić sort() na toSorted(). Zmiana jest prosta: zamiast users.sort((a, b) => ...) użyj users.toSorted((a, b) => ...).
Jeśli pracujesz w starszym środowisku, które nie wspiera toSorted(), skill zasugeruje fallback z operatorem spread: [...items].sort((a, b) => ...).
Sprawdź, czy Twoja przeglądarka lub wersja Node.js obsługuje toSorted() — dostępny jest w Chrome 110+, Safari 16+, Firefox 115+ i Node.js 20+. Dla starszych wersji używaj fallbacku.
Pamiętaj, że skill dotyczy również innych immutable metod tablic: toReversed() zamiast reverse() oraz toSpliced() zamiast splice(). Stosuj je konsekwentnie w całym kodzie React.