react-native-ecosystem

Name: react-native-ecosystem
Author: maikotrindade

github.com/maikotrindadeDevelopment1345 installsUpdated 1d ago

About react-native-ecosystem

react-native-ecosystem is a reference skill for developers building React Native apps, covering commonly used libraries and production patterns across navigation, state, data, device features, and accessibility. It organizes guidance into focused references and includes recommendations for choosing among tools.

Key features

01React Navigation v7 route and navigator guidance
02Zustand, Jotai, and Redux Toolkit state patterns
03TanStack Query and Axios data fetching
04Reanimated and Gesture Handler animations
05Storage, permissions, and push notifications
06Accessibility and deep-linking practices

Use cases

01Choosing navigation and state-management patterns
02Implementing data fetching and offline lists
03Adding gestures, animations, and device features
04Applying accessibility and deep-linking guidance

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/maikotrindade/awesome-react-native-skills --skill react-native-ecosystem

After installing, type/react-native-ecosystemin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/

advanced-deep-linking.md

best-practices-accessibility.md

core-data-fetching.md

core-navigation.md

core-state-management.md

core-typescript.md

features-gesture-handler.md

features-permissions.md

features-push-notifications.md

features-reanimated.md

features-storage.md

Details

From the project README

React Native Ecosystem

Covers React Native ecosystem libraries and production patterns as of 2026.

See also:

Core RN primitives (View, Text, StyleSheet, FlatList, New Architecture) → react-native-core

Expo SDK and EAS tooling → react-native-expo

Deep performance work (FPS, bundle, TTI, memory, native) → react-native-performance

React Native Testing Library deep dive → react-native-testing

Core References

Topic	Description	Reference
Navigation	React Navigation v7 — NativeStack, tabs, drawer, typed routes, modals	core-navigation
State Management	Zustand, Jotai, Redux Toolkit — setup, devtools, persistence patterns	core-state-management
Data Fetching	TanStack Query v5 + Axios — queries, mutations, infinite lists, offline	core-data-fetching
TypeScript	Strict config, component typing, navigation typing, zod validation	core-typescript

Features

Animations & Gestures

Topic	Description	Reference
Reanimated v3	useSharedValue, useAnimatedStyle, withTiming/Spring, layout animations, Keyframe	features-reanimated
Gesture Handler v2	GestureDetector, Tap/Pan/Pinch/LongPress, gesture composition, Reanimated integration	features-gesture-handler

Device & Platform

Topic	Description	Reference
Storage	MMKV, AsyncStorage, Expo SecureStore — choosing the right solution	features-storage
Permissions	react-native-permissions — check, request, rationale, openSettings	features-permissions
Push Notifications	FCM + APNs via Firebase, token registration, foreground/background handling	features-push-notifications

Best Practices

Topic	Description	Reference
Accessibility	a11y props, screen reader testing, semantic roles, focus management	best-practices-accessibility

Advanced

Topic	Description	Reference
Deep Linking	Universal Links, App Links, React Navigation linking config, dynamic links	advanced-deep-linking

Key Recommendations

Navigation: Use createNativeStackNavigator over JS stack; type all routes with RootStackParamList
State vs server: Zustand for client/UI state; TanStack Query for server state — never mix roles
Animations: Prefer Reanimated v3 over the legacy Animated API; worklets run on the UI thread by default
Storage: MMKV for frequent read/write (sync, 10× faster); AsyncStorage for simple persistence; SecureStore for credentials
TypeScript: Enable strict: true; type navigation with useNavigation<NavigationProp<RootStackParamList>>()

Comments

Markdown supported

Details

Author: maikotrindade
Repository: maikotrindade/awesome-react-native-skills
Category: Development
Installs: 45
GitHub stars: 13

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

848.6k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.