R
react-useeffect
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
How to use
- 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.