react-native-best-practices

Developer Tools

Gives your agent the ability to optimize React Native applications for performance, bundle size, and smooth animations.

When to use

When your mobile app has slow UI animations or frame drops
When you need to reduce the bundle size of your React Native app
When you want to optimize app startup time and memory management

How to use

1
Measure your baseline performance metrics like FPS and TTI
2
Identify bottlenecks using React Native DevTools or native profilers
3
Apply optimized patterns for lists, atomic state, or Hermes settings
4
Verify the improvements by re-measuring and validating your metrics

Example conversation

case

You

Our app feels janky when scrolling through this long list of items.

Agent

I will analyze your list implementation and suggest replacing ScrollView with FlatList or FlashList for better virtualization. I'll also check if atomic state management can reduce unnecessary re-renders and improve your FPS during scroll interactions. We'll then re-measure the frame rate to confirm the jank is resolved.

FAQ

Related Skills

vercel-react-best-practicesDeveloper Tools

Gives your agent the ability to optimize React and Next.js performance by eliminating waterfalls and reducing bundle sizes.

vue-best-practicesDeveloper Tools

Gives your agent the ability to implement high-quality Vue 3 applications following strict architectural and performance standards.

dotnet-best-practicesDeveloper Tools

Gives your agent the ability to ensure your .NET and C# code adheres to modern architectural standards, design patterns, and performance optimizations.

next-best-practicesDeveloper Tools

Gives your agent the ability to write and review Next.js code following the latest conventions for App Router, RSC, and data patterns.

nestjs-best-practicesDeveloper Tools

Gives your agent the ability to implement production-ready NestJS applications using industry-standard architecture and security patterns.

react-native-best-practices

Developer Tools

Gives your agent the ability to optimize React Native applications for performance, bundle size, and smooth animations.

When to use

When your mobile app has slow UI animations or frame drops
When you need to reduce the bundle size of your React Native app
When you want to optimize app startup time and memory management

How to use

1
Measure your baseline performance metrics like FPS and TTI
2
Identify bottlenecks using React Native DevTools or native profilers
3
Apply optimized patterns for lists, atomic state, or Hermes settings
4
Verify the improvements by re-measuring and validating your metrics

Example conversation

case

You

Our app feels janky when scrolling through this long list of items.

Agent

FAQ

Related Skills

vercel-react-best-practicesDeveloper Tools

Gives your agent the ability to optimize React and Next.js performance by eliminating waterfalls and reducing bundle sizes.

vue-best-practicesDeveloper Tools

Gives your agent the ability to implement high-quality Vue 3 applications following strict architectural and performance standards.

dotnet-best-practicesDeveloper Tools

Gives your agent the ability to ensure your .NET and C# code adheres to modern architectural standards, design patterns, and performance optimizations.

next-best-practicesDeveloper Tools

Gives your agent the ability to write and review Next.js code following the latest conventions for App Router, RSC, and data patterns.

nestjs-best-practicesDeveloper Tools

Gives your agent the ability to implement production-ready NestJS applications using industry-standard architecture and security patterns.

Product

Community

react-native-best-practices

When to use

How to use

Example conversation

FAQ

Related Skills

Product

Community

react-native-best-practices

When to use

How to use

Example conversation

FAQ

Related Skills

Product

Community