react-native

Build maintainable React Native components and screens with TypeScript, hooks, and tests.

Updated Jun 19, 2026
One-click install
npx skills add https://github.com/lciacci/tessera --skill react-native-lciacci
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/lciacci/tessera/tree/main/skills/react-native
Command: npx skills add https://github.com/lciacci/tessera --skill react-native-lciacci

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers build React Native applications with consistent architecture, maintainable components, clear state management, and reliable platform-specific behavior.

Core Features & Use Cases

  • Project Structure: Organize screens, components, hooks, navigation, state, utilities, and business logic into scalable directories.
  • Component and State Patterns: Use functional components, explicit TypeScript props, custom hooks, local state, Zustand, and React Query appropriately.
  • Testing and Platform Support: Test components and hooks with React Native Testing Library while handling iOS and Android differences with shared or platform-specific files.
  • Use Case: Apply these patterns when creating a new mobile screen, extracting its logic into hooks, connecting server state, and adding coverage for user interactions.

Quick Start

Use the react-native skill to structure and implement a maintainable mobile screen with typed components, extracted hooks, appropriate state management, platform support, and tests.

Frequently Asked Questions about react-native

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a maintainable React Native app with TypeScript?

Organize a maintainable React Native app by separating screens, components, hooks, navigation, state, utilities, and business logic into scalable directories using typed implementation patterns.

What is the best way to manage local and server state in React Native components?

Manage local and server state in React Native components by applying appropriate patterns using local state, Zustand, and React Query to ensure immutable updates and clear data flow.

How do I test React Native component and hook behavior?

Test React Native component and hook behavior by using React Native Testing Library to add coverage for user interactions, verify extracted hook logic, and validate stable list keys.

How do you handle iOS and Android platform-specific code in React Native?

Handle iOS and Android platform-specific code in React Native by organizing shared or platform-specific files to manage platform differences while maintaining a consistent component architecture.

When should I extract custom hooks from React Native screens?

Extract custom hooks from React Native screens to separate business logic from UI components, enabling functional component purity, explicit TypeScript props, and appropriate state management.