react-native-best-practices
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.
How to use
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.