rn-screen

To generate a React Native screen with loading, error, and empty states, this Skill automates component creation with integrated state management. It provides ready-to-use boilerplate for handling common data fetching scenarios.

Structuring React Native screens using FSD architecture involves placing components within the `src/pages/<ScreenName>/ui/` directory. This Skill enforces this specific layering convention for your generated screens.

Yes, you can use TanStack Query for data fetching in generated React Native components. This Skill includes built-in boilerplate for the `useQuery` hook to manage data fetching directly within the generated screen.

Yes, this approach enforces specific styling conventions for React Native components. When generating the screen, it mandates a specific property order for StyleSheet definitions to maintain style consistency.

You need to automate React Native screen generation with state management when creating new features like user profiles that fetch data. It eliminates manual boilerplate setup for loading, error, and empty data scenarios.