vercel-react-native-skills

To optimize React Native list rendering, apply list virtualization, memoization, and efficient rendering patterns to minimize re-renders across large lists and complex components. These practices ensure smooth scrolling and reduced memory overhead in RN and Expo apps.

The best way to handle React Native animations without layout thrashing is using Reanimated transforms and opacity. This approach, combined with proper gesture handling guidelines, ensures smooth UI updates and maintains high-performance mobile experiences.

Yes, Expo supports custom native modules and monorepo setups. You can configure autolinking, manage native integrations, and maintain robust native modules for fonts and images while operating within a monorepo architecture in your Expo projects.

To load custom fonts and optimize images in a React Native app, follow native module configuration guidelines for assets. These best practices ensure fonts load correctly and images are handled efficiently to maintain high-performance mobile experiences.

Slow UI updates during gestures in your React Native app usually stem from layout thrashing or inefficient rendering. Applying Reanimated transforms and opacity, alongside specific gesture handling guidelines, resolves these performance bottlenecks.

Yes, you can apply these React Native performance patterns to an existing Expo project. The guidelines for virtualization, animation transforms, and native navigators are applicable across RN and Expo projects to deliver high-performance mobile apps.