react-native-best-practices
Optymalizuj wydajność React Native — poradnik do FPS, pamięci i rozmiaru bundla
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność zawierająca wytyczne optymalizacji wydajności dla aplikacji React Native. Obejmuje polepszanie liczby klatek na sekundę, czasu ładowania, zarządzania pamięcią, redukcji rozmiaru bundla oraz debugowania animacji i zacinań. Zawiera gotowe wzorce kodu, komendy diagnostyczne i tabele referencyjne oparte na doświadczeniu Callstack. Zastosuj ją podczas profilowania aplikacji, debugowania powolnych interfejsów lub optymalizacji wydajności natywnych modułów.
Jak używać
Zainstaluj umiejętność w swoim agencie Claude/Copilot, dodając repozytorium https://github.com/callstackincubator/agent-skills do konfiguracji skills. Umiejętność będzie dostępna pod nazwą react-native-best-practices.
Kiedy debugujesz problemy z wydajnością aplikacji React Native (zacinające animacje, wolne UI, wysokie zużycie pamięci), wyzwij umiejętność z opisem problemu — na przykład "Moja lista przewija się ze spadkami FPS" lub "Aplikacja zużywa zbyt dużo pamięci".
Umiejętność zwróci ci priorytetowe wytyczne podzielone na kategorie: FPS i re-rendy (priorytet 1), rozmiar bundla (priorytet 2), czas ładowania TTI, wydajność natywna i zarządzanie pamięcią. Każda wytyczna zawiera wzorce kodu (niepoprawny vs. poprawny), komendy shell do pomiaru oraz ocenę wpływu (CRITICAL, HIGH, MEDIUM).
Zastosuj sugerowane optymalizacje do swojego kodu — na przykład użyj FlashList zamiast FlatList, zoptymalizuj Hermes, zmniejsz blokowanie wątku JS lub napraw memory leaki. Każda wytyczna zawiera szczegółowy opis "Deep Dive" z warunkami wstępnymi i krokami.
Jeśli pracujesz nad natywnym modułem (Turbo Modules), profilujesz aplikację lub przeglądasz kod pod kątem wydajności, odwołaj się do odpowiednich sekcji umiejętności — tabele referencyjne i komendy diagnostyczne przyspieszą analizę.
Powtarzaj pomiary wydajności (FPS, TTI, rozmiar bundla) po każdej optymalizacji, aby potwierdzić poprawę — umiejętność zawiera komendy do profilowania, które pomogą ci śledzić postęp.