react-native

Organize your React Native project with dedicated folders for app, components, hooks, services, stores, and types. This structure supports functional components with TypeScript, making it easier to scale and maintain code across iOS and Android platforms using Expo or bare workflow.

React Native supports platform-specific code through file-based patterns (e.g., Component.ios.tsx, Component.android.tsx) and the Platform module. This skill demonstrates both approaches so you can write code that targets iOS and Android without duplication.

Expo Router provides file-based routing for React Native apps. Configure your project structure with an app directory, then define routes using files and folders. The skill includes practical examples integrating Expo Router with TypeScript and NativeWind styling.

Yes, NativeWind brings Tailwind-like utility styling to React Native. This skill covers NativeWind setup and patterns within Expo and bare workflow projects, enabling consistent styling across your components alongside Expo Router and Zustand state management.

Use Zustand for lightweight, typed state management in React Native. This skill demonstrates Zustand store patterns with TypeScript, reducing boilerplate while keeping your app's state predictable and maintainable across platforms.

Expo provides managed configuration and simplified tooling for rapid development; bare workflow gives direct control over native code and dependencies. This skill covers patterns and linking practices for both approaches, helping you choose based on your project needs.