Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
React Native mobile patterns, platform-specific code
How to use
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.
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.
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.
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.
Definiuj interfejsy props dla każdego komponentu (np. ButtonProps) i używaj destructuringu parametrów. Skill będzie podpowiadać typy TypeScript i walidować strukturę.
Sprawdzaj sugestie skilla podczas pisania kodu dla platform iOS i Android — będzie wskazywać na różnice w implementacji i wspólne wzorce.