General React and React Native engineering rules for Ledger Live. Read when writing or reviewing any .ts/.tsx file.
React 19+ component guidelines. Apply when editing `.tsx`/`.jsx` files with React imports or Vite configs.
Design composable custom React hooks with proper dependency management, testing with renderHook, and reusable patterns.
React Hook Creator - Auto-activating skill for Frontend Development. Triggers on: react hook creator, react hook creator Part of the Frontend Development skill category.
React Hook Form v7 (RHF、非制御フォームライブラリ) リファレンス。 別名: rhf, React-Hook-Form。 useForm, register, handleSubmit, watch, setValue, getValues, reset、 Controller (制御コンポーネント連携)、useFieldArray…
Build type-safe validated forms in React using React Hook Form and Zod schema validation. Single schema works on both client and server for DRY validation with full TypeScript…
Use when writing React components with useEffect or useCallback to ensure every reactive value referenced in the hook body appears in the dependency array.
Deep expertise in React hooks patterns including custom hooks, composition, optimization, and testing strategies.
Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage.
Write React hooks with correct dependencies and minimal effects so renders stay predictable. Use when adding useEffect, debugging stale closures or render loops, or extracting a…
react-i18next for React 19 - useTranslation hook, TypeScript Selector API, namespaces, pluralization, lazy loading, Suspense integration.
Imports, exports, path aliases, import ordering, barrel-file discipline, circular-import prevention in React + TypeScript code.
Scaffold a React-on-Salesforce component bundle at paths.reactSource. Generates .tsx + .module.css + .meta.xml + .test.tsx + index.ts following the project's React conventions,…
React changes since training cutoff (latest: 19.2.0) — Activity component, cacheSignal, Partial Pre-rendering, prerender/resume APIs, eslint-plugin-react-hooks v6.
react-leaflet v5 — Componentes React para Leaflet. Mapa interativo com GeoJSON, marcadores e clusters.
Create React components with localStorage persistence and keyboard navigation support
Use cuando necesites migrar una aplicación de React 16/17/18 a React 19. Keywords: react migration, upgrade react, legacy react, react 19 upgrade.
Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features.
Provides integration recipes for the React Native AI @react-native-ai packages that wrap the Llama.rn (Llama.cpp), MLC-LLM, Apple Foundation backends.
Add or review AWS Amplify for React Native or Expo apps in a WRLDS-governed way, including deciding whether Amplify is appropriate, choosing Gen 2 for new app-adjacent…
Implements the Android Kotlin bridge layer for a React-Native MoEngage SDK feature. This is Step 2a of the React-Native feature pipeline — run AFTER…
React Native 0.76+ architect with New Architecture, Fabric renderer, TurboModules, and production navigation/state patterns.
Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns.
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.
Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial setup.
React Native core components, layout, styling, animations, lists, platform APIs, and best practices. Use when building iOS/Android UIs with native components.
React Native development best practices for TypeScript, functional components, performance optimization, and styling guidelines.
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development.
React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native…
Implement or fix small-to-medium React Native / Expo features without full SDD (hooks, TSX, RNTL). Use for isolated React Native work or when invoking /react-native-developer.
Declarative native animation library for React Native using EaseView. Use when writing or implementing animations, transitions, fade effects, slide animations, scale transforms,…
React Native ecosystem — navigation, state, data fetching, Reanimated, storage, TypeScript patterns, accessibility, and deep linking.
Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native — from…
Expo toolchain for React Native — Expo Router, EAS Build/Update/Deploy, native modules, SDK upgrading, and Expo UI/data patterns.
Production-grade React Native & Expo architecture, high-performance UI (JSI, Reanimated 3, FlashList, Skia), Expo Modules API (C++ / Swift / Kotlin native modules), Fabric…
Guide de développement React Native avec Expo et navigation. Se déclenche avec "React Native", "Expo", "RN", "react-navigation", "native modules", "bridge", "mobile JavaS — from…
Conventions and patterns for React Native/Expo mobile development including component structure, styling with NativeWind, hooks, testing, and Storybook
Integração com o pacote react-native-lina-pay-sdk (Lina Open Finance) — pagamentos Open Finance, consentimento, createPayment, participantes, enrollment FIDO2/Passkeys,…
Use when creating or modifying React Native screens, components, hooks, or native bridges in the mobile app. Triggers on any .ts/.tsx file change under src/mobile/.
Build and manage React Native/Expo mobile apps including project setup, development workflows, and platform-specific guidance.
Detect Old-Architecture-only libraries; recommend New-Architecture-ready replacements.
Route a React Native craft task to the right spoke — styling/navigation/Reanimated animation, touch/gesture/haptics, data fetching, or full screen/app visual design.
React Native and Expo best practices — list performance (FlashList), animations (Reanimated GPU), navigation (native stack), UI patterns (expo-image, safe areas), state…
Deep React Native performance — FPS profiling, bundle size, TTI measurement, native threading, memory leaks, and profiling tools.
Expert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js
shadcn/ui-style components for React Native with NativeWind v4, RN Primitives, and CLI scaffolding. Use when building Expo apps with copy-paste UI components, theming, or overlay…
Use when setting up React Native or Expo dev environments — Xcode, Android Studio, CocoaPods, EAS, Metro, New Architecture — even when the user just says 'my RN build won't start'.
Cross-platform mobile development specialist for React Native, Expo, native modules, and mobile-specific patternsUse when "react native, expo, mobile app, ios app, android app,…
Expert in React Native (New Architecture), TurboModules, Fabric, and Expo. Specializes in native module development and performance optimization.
Deep React Native Testing Library (RNTL) reference — v13 (React 18 sync) and v14 (React 19 async), queries, userEvent, matchers, anti-patterns.
User-centric React Native component testing. Trigger: When testing React Native components with RNTL.
Reviews React Native TV apps for focus/D-pad navigation, 10-foot UI layout, TV playback/DRM integration, low-memory TV performance, and TV accessibility.
Provides React Navigation UI patterns for stacks, tabs, drawers etc. Use when building navigation UIs with React Navigation, configuring headers, bottom sheets or handling safe…
Create a new React project using Vite, TypeScript, and Feature-based architecture.
Audit, diagnose, and optimize React and Next.js application performance. Use when Codex is asked about Core Web Vitals, slow interactions, bundle size, caching, Server Components,…
React 19.2 + Next.js 16 development - Server Components, Cache Components, proxy.ts, View Transitions, App Router, TypeScript 6, and Tailwind CSS v4.
Guidelines for using React components within a Next.js project. This includes best practices for component structure, styling, and breaking down components into smaller, reusable…
React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.