vercel-react-native-skills

Replace ScrollView with a virtualized list like LegendList or FlashList, pass primitive props to memoized list items, hoist callbacks to the list root, and avoid creating inline objects in renderItem. Keep list items lightweight by moving queries and expensive computations to the parent.

Using {value && <Component />} crashes when value is an empty string or 0, because React Native tries to render the falsy value as text outside a Text component. Use a ternary with null, explicit boolean coercion, or an early return instead.

No. Animating width, height, margin, or padding triggers layout recalculation on every frame. Animate transform properties like scale and translate, plus opacity, which run on the GPU without triggering layout.

Yes. With React Compiler enabled, use .get() and .set() methods instead of reading or writing .value directly on shared values, because the compiler cannot track property access. The compiler also reduces the need for manual memo() and useCallback().

Always prefer native navigators such as @react-navigation/native-stack or expo-router's default stack over @react-navigation/stack. Native navigators use platform APIs for UI-thread transitions, iOS large titles, and proper safe area handling.