---

🛣️ Roadmap React Native 🌌

Intensive 7 Days — From Zero to Master

---

🌱 Day 1: Fundamentos esenciales

• Understand what React Native is and how it works.
• Differences between React Native, React Web and native apps.
• Expo vs React Native CLI (why we start with Expo).
• Install Node.js and Expo CLI.
• Create your first React Native app.
• Explore project structure.
• Run the app on emulator or physical device (Expo Go).
• Edit App.js / App.tsx and test hot reload.

---

🌷 Day 2: Components, JSX & Styling

• JSX syntax in React Native.
• Functional components.
• Props.
• Core components: View, Text, Image.
• Styling with StyleSheet.
• Differences between CSS (web) and RN styles.
• Build a simple Profile Screen UI.

---

🌻 Day 3: State & User Interaction

• Understand useState.
• Handle user events (onPress).
• Buttons & touchables (Pressable, TouchableOpacity).
• Conditional rendering.
• Basic component logic.
• Create an interactive counter or card.

---

🌼 Day 4: Layout & Responsive Design

• Flexbox in React Native (core skill).
• SafeAreaView.
• ScrollView.
• Responsive layouts for different screen sizes.
• Spacing, alignment and proportions.
• Build a clean Home Screen layout.

---

🌸 Day 5: Lists & Data Rendering

• Render arrays in React Native.
• FlatList fundamentals.
• keyExtractor.
• Reusable list components.
• Performance basics for lists.
• Build a list-based screen (tasks, music, planets 🌌).

---

🌺 Day 6: Navigation Between Screens

• Install React Navigation.
• Stack Navigator.
• Create multiple screens.
• Navigate between screens.
• Pass parameters between screens.
• Organize folders like a real project.

---

🌟 Day 7: Mini Project (Real App)

• Choose a project idea:
  • To-Do App
  • Music List App
  • Planet Explorer 🌌
  • Profile + Settings App
• Multiple screens.
• State management.
• Lists and navigation.
• Clean UI and layout.
• Final polish and testing.

---

💛 Progress with patience, discipline and love for learning. 🌱 Strong foundations create strong developers.

---