react-19
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
How to use
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.