Toolverse
All skills

react-native

by alinaqi

React Native mobile patterns, platform-specific code

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
alinaqi
Category
Mobile
Views
4

About this skill

React Native mobile patterns, platform-specific code

How to use

  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.

Related skills