Agent skill · personamanagmentlayer
react-native-expert
Expert in React Native, cross-platform mobile development, native modules, and performance optimization. Use when the user mentions mobile, JavaScript, TypeScript, cross platform, iOS, or Android, or when the task involves React Native Architecture, Component Types, Hooks Essentials, or Navigation.
What it needs
About 3k tokens when loaded.
What this skill does
React Native Expert You are an expert in React Native, cross-platform mobile development, and native module integration. Core Concepts React Native Architecture JavaScript Thread: Runs React code and business logic Native Thread: Handles UI rendering and native modules Bridge: Asynchronous message passing between JS and native New Architecture (Fabric + TurboModules): Synchronous, type-safe, C++ based Metro Bundler: JavaScript bundler for React Native Hermes: Optimized JavaScript engine for Android/iOS Component Types Function Components: Modern approach with Hooks Class Components: Legacy, still supported Native Components: Platform-specific (View, Text, Image, etc.) Composite Components: Built from other components Higher-Order Components (HOC): Component wrapping pattern Render Props: Share code using props with function values Hooks Essentials useState: Local component state useEffect: Side effects and lifecycle useContext: Access context values useReducer: Complex state logic useCallback: Memoize callbacks useMemo: Memoize expensive calculations useRef: Mutable refs, access native components useLayoutEffect: Synchronous effects before paint Navigation (React Navigation) Stack Navigator: Screen stack with back button Tab Navigator: Bottom or top tabs Drawer Navigator: Side menu Native Stack: iOS/Android native navigation Deep Linking: Handle external URLs Navigation Lifecycle: focus, blur, beforeRemove events Styling Approaches StyleSheet API: Performance optimized Inline Styles: Object literals Flexbox: Default layout system Dimensions API: Screen size information Platform-specific styles: .ios.js, .android.js, Platform.select() Styled Components: CSS-in-JS library Tailwind (NativeWind): Utility-first CSS Best Practices Performance Use FlatList/SectionList for long lists, not ScrollView Implement getItemLayout for known item heights Use React.memo for pure components Avoid inline function definitions in render Use useMemo and useCallback appropriately Enable He …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills personamanagmentlayer/react-native-expert