react-useeffect

Skill oparty na oficjalnej dokumentacji React'a, który uczy najlepszych praktyk useEffect. Dowiesz się, kiedy Effect jest rzeczywiście potrzebny do synchronizacji z systemami zewnętrznymi, a kiedy lepiej użyć obliczenia podczas renderowania, useMemo czy event handlera. Zawiera praktyczną tabelę decyzyjną i konkretne przykłady – od data fetching'u z cleanup'em, przez derived state, aż po obsługę zmiany props'ów. Idealny do code review'u i pisania wydajnego kodu React'owego.

1. Zainstaluj skill w swoim środowisku Claude'a, wskazując repozytorium jarrodwatts/claude-code-config z folderu skills/react-useeffect. 2. Gdy piszesz lub reviewujesz kod zawierający useEffect, useState lub synchronizację stanu, wyzwij skill z pytaniem o najlepszą praktykę dla Twojego przypadku. 3. Skorzystaj z tabeli decyzyjnej zawartej w skill'u: najpierw sprawdź, czy masz do czynienia z interakcją użytkownika (event handler), pojawieniem się komponentu (effect), czy zmianą props'ów/state'u (obliczenie podczas renderowania). 4. Dla data fetching'u upewnij się, że effect zawiera cleanup function, lub rozważ użycie frameworkowego mechanizmu (np. loader'a w Next.js). 5. Jeśli chcesz cachować kosztowne obliczenia, skill pokaże Ci, kiedy użyć useMemo zamiast useEffect. 6. Dla derived state'u – zamiast useState + useEffect – oblicz wartość bezpośrednio na poziomie renderowania, co skill wyjaśni na konkretnych przykładach.