React Native: What are React Native performance anti-patterns?

1// ❌ Creates new function every render
2<Button onPress={() => handlePress()} />
3
4// ✅ Use useCallback
5const handlePress = useCallback(() => {
6  doSomething();
7}, []);
8<Button onPress={handlePress} />

1// ❌ Creates new object every render
2<View style={{ padding: 10 }} />
3
4// ✅ Use StyleSheet
5const styles = StyleSheet.create({ container: { padding: 10 } });
6<View style={styles.container} />