Summary

# React Native summary

You can now:

- Set up a project with Expo or bare workflow and understand the trade-offs
- Build screens with FlatList, SafeAreaView, and platform-aware styles
- Navigate with React Navigation - stack, tabs, drawer
- Manage state with hooks, context, or Zustand
- Persist data with AsyncStorage or MMKV
- Talk to native modules - both writing one and using TurboModules
- Profile with Flipper and the new architecture profiler
- Ship to TestFlight and Google Play internal track

# Your next step - a performant FlatList

import { FlatList, View, Text } from 'react-native';

export function UserList({ users }) {
  return (
    <FlatList
      data={users}
      keyExtractor={(u) => u.id}
      renderItem={({ item }) => (
        <View style={{ padding: 12 }}>
          <Text style={{ fontWeight: '600' }}>{item.name}</Text>
          <Text style={{ color: '#666' }}>{item.email}</Text>
        </View>
      )}
      // Performance knobs:
      initialNumToRender={10}
      maxToRenderPerBatch={10}
      windowSize={5}
      getItemLayout={(_, i) => ({ length: 64, offset: 64 * i, index: i })}
    />
  );
}

// Next: New Architecture (Fabric/TurboModules), Reanimated 3, RN Skia, Expo Router.