code-reviewlisted

# Code Review Skill do przeprowadzania code review w projekcie React 19 + TailwindCSS v4 + shadcn/ui. ## Kiedy używać - Review zmian po zakończeniu fazy/etapu zadania - Przeglądanie Pull Requestów - Weryfikacja implementacji przed merge - Audyt jakości kodu ## Workflow ### Krok 1: Zbierz kontekst Przed analizą kodu ustal: 1. **Co miało być zrobione?** — przeczytaj plan/zadanie/specyfikację 2. **Jakie pliki się zmieniły?** — `git diff --name-only` lub `git status` 3. **Jaki jest zakres?** — tylko zmiany z danej fazy, nie cały projekt ### Krok 2: Wybierz checklisty Na podstawie zmienionych plików, załaduj odpowiednie sekcje z `references/tech-stack-checklist.md`: | Pliki | Sekcje do sprawdzenia | |-------|----------------------| | `*.tsx`, `*.ts` w `src/` | React 19, TypeScript | | `*.tsx` z hooks | React 19 (zbędne useMemo/useCallback jeśli React Compiler, stary forwardRef) | | `src/lib/supabase.ts`, `supabase/**` | Supabase (RLS, auth, client) | | `*.css` z `@theme` | Tailwind CSS 4 (konfiguracja, zmienne CSS) | | Komponenty UI | Tailwind CSS 4, shadcn/ui, Dostępność | | `src/lib/sentry.ts`, error handling | Sentry (captureException, Error Boundary) | ### Krok 3: Analizuj kod Dla każdego zmienionego pliku: 1. **Zgodność z planem** — czy realizuje wymagania? 2. **Poprawność** — błędy logiczne, edge cases? 3. **Bezpieczeństwo** — walidacja, XSS, wycieki danych? 4. **Wydajność** — N+1, bundle size, lazy loading? 5. **Race conditions** — useEffect cleanup, AbortContr