vercel-react-native-skills

To optimize React Native list rendering performance, replace standard ScrollViews with list virtualization libraries like LegendList. This approach ensures smoother scrolling experiences by rendering only visible items, significantly improving app responsiveness.

To ensure smooth animations in Expo applications, implement performance best practices for image handling and component design. Configuring dependencies and styling specifically for native performance helps maintain responsive UI interactions.

Yes, this Skill provides platform best practices for utilizing native modules and safe area handling. It ensures dependencies, navigation, and styling are configured correctly to achieve the best native performance across mobile platforms.

To structure a React Native monorepo for better code maintainability, follow component design and styling recommendations that streamline development. These standards ensure maintainable architecture during app setup and feature implementation.

Your React Native app may feel unresponsive due to unoptimized list rendering, heavy animations, or poor native integration. Applying performance guidelines for list virtualization and image handling addresses these common pitfalls.

You need to configure safe area handling in React Native when integrating native platform interfaces and navigation. Proper safe area management ensures UI elements render correctly across different mobile device notches and screen boundaries.