react-19
Pisz komponenty React 19 bez ręcznej optymalizacji — kompilator robi to za Ciebie
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do Claude'a, Codexa lub Copilota, który uczy Cię nowoczesnych wzorców React 19 i React Compilera. Zamiast ręcznie pisać useMemo i useCallback, pozwalasz kompilatorowi automatycznie optymalizować komponenty. Skill wymusza także prawidłowe importy, priorytet Server Components i poprawne użycie hooka use(). Idealny dla programistów, którzy chcą pisać czystszy, bardziej wydajny kod React bez zbędnych obchodów.
Jak używać
Zainstaluj skill w swoim środowisku Claude/Copilot, wskazując repozytorium Gentleman-Programming (gałąź main, folder GentlemanClaude/skills/react-19). Skill automatycznie aktywuje się, gdy zaczniesz pisać komponenty React.
Gdy piszesz komponent, nie dodawaj useMemo ani useCallback — React Compiler zajmie się optymalizacją. Pisz naturalnie: filtruj, sortuj i definiuj handlery bezpośrednio w ciele funkcji, bez opakowywania ich w hooki memoizacji.
Importuj tylko to, czego potrzebujesz, używając named imports:
import { useState, useEffect } from "react". Unikajimport React from "react"— to już nie jest wymagane.Domyślnie traktuj komponenty jako Server Components (bez dyrektywy "use client"). Dodaj "use client" tylko gdy komponent potrzebuje stanu (useState), efektów (useEffect), referencji (useRef), kontekstu (useContext) lub obsługi zdarzeń przeglądarki.
Jeśli pracujesz z Promise'ami lub chcesz warunkowo czytać kontekst, użyj nowego hooka use() zamiast useContext() — pozwala na bardziej elastyczne podejście do zarządzania danymi asynchronicznymi.