react-native-expert

Umiejętność dla Claude'a wspierająca tworzenie produkcyjnych aplikacji mobilnych na iOS i Android. Pomaga w konfiguracji nawigacji (Expo Router, React Navigation), integracji modułów natywnych, optymalizacji wydajności FlatList oraz obsłudze kodu specyficznego dla platformy. Zawiera praktyczne wskazówki do debugowania błędów Metro bundlera, problemów z buildami i brakujących modułów natywnych.

1. Zainstaluj umiejętność w swoim projekcie Claude'a, dodając plik react-native-expert do katalogu skills.

2. Na początek projektu uruchom npx expo doctor w terminalu, aby zweryfikować środowisko i kompatybilność SDK — napraw wszystkie zgłoszone problemy przed przystąpieniem do kodowania.

3. Podczas implementacji komponentów i nawigacji (tabs, stacks, drawers) wyzwól umiejętność, opisując strukturę aplikacji i wymagane platformy — asystent zaproponuje kod z obsługą iOS i Android.

4. Jeśli napotkasz błędy Metro bundlera, wyczyść cache poleceniem npx expo start --clear i uruchom ponownie — umiejętność pomoże zdiagnozować problem na podstawie komunikatów błędów.

5. Do optymalizacji wydajności FlatList użyj umiejętności, aby otrzymać wzorce memo i useCallback — zweryfikuj wyniki profilując aplikację w Flipper lub React DevTools.

6. Jeśli build na iOS lub Android się nie powiedzie, udostępnij logi (Xcode logs dla iOS, adb logcat dla Android) — umiejętność wskaże przyczynę i zaproponuje rozwiązanie, w tym polecenia npx expo run:ios lub npx expo run:android.