React Native Core — React Native Roadmap
Building actual screens with React Native's core components and styling system
Steps in React Native Core
- Project Setup (Expo vs Bare Workflow) — intermediate · Choosing between the Expo managed workflow and the bare React Native CLI workflow
- Core Components (View, Text, Image, ScrollView) — intermediate · The fundamental building blocks every React Native screen is made of
- Lists & FlatList/SectionList — intermediate · Efficiently rendering long, scrollable lists of data
- Styling with Flexbox & StyleSheet — intermediate · React Native's Flexbox-based layout system and the StyleSheet API
- Handling Touch & Gestures — intermediate · Touchable components, gesture responders and basic swipe/press interactions
- Platform-Specific Code — intermediate · Using Platform.OS and .ios.js/.android.js file extensions to branch behavior per platform
- Safe Area & Notch Handling — intermediate · Keeping UI clear of notches, status bars and home indicators across devices
- App Icons & Splash Screens — intermediate · Configuring launch screens and icons for both iOS and Android
- Mini Project: Multi-Screen Static App — intermediate · Build a multi-screen app with static content, lists and styled layouts
Part of
- React Native roadmap — the full learning path