creating-screens

Skill wspomaga tworzenie nowych ekranów w aplikacji Eigen. Przeprowadzi cię przez proces budowy ekranów prostych (bez pobierania danych) lub ekranów Relay (z GraphQL). Automatycznie rejestruje trasy, generuje szablony komponentów i weryfikuje poprawność kodu. Zaoszczędzisz czas na powtarzalnych czynnościach konfiguracyjnych.

1. Wyzwól skill poleceniem "add a screen", "create a new route", "add a Relay screen" lub "setup screen with data". Skill poprosi cię o potwierdzenie nazwy komponentu i żądanej trasy.

2. Wybierz typ ekranu: prosty (bez GraphQL) lub Relay (z GraphQL). Dla ekranu prostego skill utworzy plik w /src/app/Scenes/FeatureName/ScreenName.tsx na bazie szablonu assets/simple-screen-template.tsx. Dla ekranu Relay użyje szablonu assets/relay-screen-template.tsx.

3. Skill automatycznie zarejestruje trasę w /src/app/Navigation/routes.tsx. Dla ekranu Relay doda pola queries i prepareVariables. Upewnij się, że kolejność tras jest poprawna (trasy szczegółowe przed ogólnymi).

4. Napisz test dla nowego ekranu, korzystając ze skilla /eigen-testing. Uruchom testy poleceniem yarn test [plik testowy].

5. Uruchom linter (yarn lint [zmienione pliki]) i formatter (yarn prettier -w [zmienione pliki]), aby upewnić się, że kod spełnia standardy projektu.

6. Jeśli pracujesz na Androidzie i chcesz włączyć deep linking, dodaj trasę do src/main/AndroidManifest.xml w sekcji <data android:pathPrefix="/my-screen" />.