react-patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
How to use
Zainstaluj umiejętność react-patterns w swoim środowisku Claude lub kompatybilnym agencie. Umiejętność wymaga dostępu do narzędzi Read, Write, Edit, Glob i Grep do pracy z plikami projektów React.
Kiedy pracujesz nad komponentem, zapytaj się o odpowiedni wzorzec – na przykład "Jaki typ komponentu powinienem użyć do tego ekranu?" lub "Kiedy wyodrębnić custom hook?". Umiejętność podpowie Ci, czy potrzebujesz Server Component, Client Component, Presentational czy Container Component.
Przy zarządzaniu stanem opisz złożoność Twojego problemu. Umiejętność pomoże Ci wybrać między useState, Context, React Query/SWR, a zaawansowanymi rozwiązaniami jak Zustand czy Redux Toolkit.
Jeśli pracujesz z hookami, zapytaj o reguły i wzorce – na przykład kiedy wyodrębnić useLocalStorage, useDebounce, useFetch czy useForm. Umiejętność wyjaśni, kiedy każdy z nich ma sens.
Dla React 19 pytaj o nowe hooki takie jak useActionState, useOptimistic czy use – umiejętność pokaże, jak je stosować i jakie korzyści daje nowy compiler.
Stosuj composition patterns – compound components, render props czy custom hooks – zamiast dziedziczenia. Umiejętność podpowie, jak elastycznie budować komponenty poprzez composition.