Toolverse
Wszystkie skille

react-native

autor: alinaqi

Wzorce React Native i kod specyficzny dla platform iOS i Android

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Autor
alinaqi
Kategoria
Mobile
Wyświetlenia
4

O skillu

Skill do pracy z kodem aplikacji mobilnych React Native. Zawiera gotowe wzorce projektowania, strukturę katalogów oraz best practices dla komponentów funkcyjnych, hooków i zarządzania stanem. Obsługuje pliki TypeScript/JavaScript oraz konfiguracje platformy (iOS, Android). Idealny dla zespołów rozwijających aplikacje mobilne z podziałem na logikę biznesową, komponenty UI i ekrany.

Jak używać

  1. Zainstaluj skill w swoim projekcie Claude/Copilot, wskazując repozytorium https://github.com/alinaqi/claude-bootstrap/tree/main/skills/react-native jako źródło.

  2. Skill automatycznie monitoruje pliki w katalogach src/, ios/, android/ oraz pliki z rozszerzeniami .tsx, .jsx i app.json. Nie wymaga ręcznego uruchamiania — aktywuje się podczas pracy nad kodem mobilnym.

  3. Podczas edycji komponentów React Native skill sugeruje użycie komponentów funkcyjnych zamiast klasowych. Wydziel logikę do custom hooków (np. useHome.ts), a prezentację pozostaw w komponencie ekranu.

  4. Organizuj projekt zgodnie z proponowaną strukturą: core/ dla logiki biznesowej, components/ dla komponentów wielokrotnego użytku, screens/ dla ekranów, hooks/ dla hooków współdzielonych, store/ dla zarządzania stanem.

  5. Definiuj interfejsy props dla każdego komponentu (np. ButtonProps) i używaj destructuringu parametrów. Skill będzie podpowiadać typy TypeScript i walidować strukturę.

  6. Sprawdzaj sugestie skilla podczas pisania kodu dla platform iOS i Android — będzie wskazywać na różnice w implementacji i wspólne wzorce.

Podobne skille