skills.rest
scamai
scamaiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

vercel-react-native-skills

Apply React Native and Expo best practices to optimize app performance.

Updated Aug 23, 2026
Search Tags:#performance#animations#react-native#expo#lists#reanimated
One-click install
npx skills add https://github.com/scamai/scamai-landing --skill vercel-react-native-skills-scamai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vercel-react-native-skills
Source: https://github.com/scamai/scamai-landing/tree/main/.agents/skills/vercel-react-native-skills
Command: npx skills add https://github.com/scamai/scamai-landing --skill vercel-react-native-skills-scamai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide consolidates React Native and Expo best practices to help teams build high-performance mobile apps by standardizing performance-focused patterns and tooling.

Core Features & Use Cases

  • Establishes rules for list virtualization, memoization, image optimization, and animation patterns to improve runtime efficiency.
  • Covers native navigation, monorepo setup for native dependencies, and Expo configuration to streamline delivery and consistency.
  • Real-world scenarios include optimizing long lists, implementing performant animations with Reanimated, and configuring fonts/images for production-grade apps.

Quick Start

Review the included rules and apply the guidelines to your project in a consistent, incremental manner.

Frequently Asked Questions about vercel-react-native-skills

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

FAQPage Schema
How do I optimize React Native list rendering for long lists?▼

Optimize React Native list rendering by applying list virtualization rules to ensure only visible items are rendered. This pattern improves runtime efficiency and prevents performance bottlenecks in long lists.

What is the best way to implement performant animations with Reanimated in Expo?▼

Implement performant animations with Reanimated by following standardized animation patterns that run on the native UI thread. This approach ensures smooth runtime execution and high-performance app behavior within Expo projects.

How do I configure native modules and fonts in an Expo monorepo setup?▼

Configure native modules and fonts in an Expo monorepo by applying standardized Expo tooling and native dependency configurations. This setup streamlines delivery and ensures consistency across monorepo native dependencies.

Does this React Native best practices guide cover image optimization and memoization?▼

Yes, this React Native guide covers image optimization and memoization. It establishes rules for both techniques to improve component runtime efficiency and reduce unnecessary renders in production-grade apps.

When should I apply native navigation patterns in React Native?▼

Apply native navigation patterns in React Native to streamline delivery and ensure consistent performance. The guide provides specific guidance on configuring native navigation within Expo projects for optimal runtime behavior.

Related Skills

Explore More Software Engineering Skills→
BEIRUXBEIRUX

vercel-react-native-skills

Enforce React Native and Expo performance best practices across codebases.

Official
Advanced
zapabobzapabob
2

performance-analyst

Analyze profiling artifacts and flamegraphs to identify performance hotspots.

Community
Advanced
rarestgrarestg
1

code-quality

Automate code quality tooling setup for Python and JavaScript/TypeScript projects.

Community
Advanced
HsnSaboorHsnSaboor

mobile-development

Guide cross-platform and native mobile app development with React Native, Flutter, Swift, and Kotlin.

Community
Advanced