Mobile App Development – React Native Setup & Core

What you'll learn

• Set up React Native development environment using Expo
• Understand project structure and app entry point
• Build UI using core React Native components
• Handle user input and interactions
• Design layouts using Flexbox
• Apply styling using StyleSheet
• Create scrollable lists using FlatList
• Build structured mobile UI screens

This course includes:

• 1 Mini Project (Product Catalog Screen)
• 12–16 Hours Live Classes
• Online / Onsite (Physical)
• Starter Templates
• Practice Exercises
• Certificate of Completion

Course Content

Setup & Environment

• Introduction to React Native
• Expo CLI vs React Native CLI (Expo recommended)
• Installing Expo Go on mobile
• Creating project using expo init
• Understanding project structure
• App entry point (App.js)

Core Components

• Basic UI Components:

• View
• Text
• SafeAreaView
  • Input & Interaction:
• TextInput
• Button
• TouchableOpacity
  • Media:
• Image
  • Lists:
• ScrollView
• FlatList
• SectionList

Styling & Layout

• StyleSheet.create()
• Flexbox Layout (mobile-first):

• flexDirection (column by default)
• justifyContent
• alignItems
  • Positioning:
• relative / absolute
  • Dimensions:
• width / height
  • Platform-specific styling:
• Platform.select

Mini Project (Real-World Practice)

Project: Product Catalog Screen

Features:

• Product image display
• Product title & price
• Scrollable list using FlatList
• Custom card UI design
• Clean mobile layout
• Responsive styling

Requirements

• Basic JavaScript knowledge
• Basic React understanding
• Laptop with Node.js installed

Description

This module introduces students to React Native development using Expo. Students will learn how to build mobile UI using core components and design responsive layouts.

By the end of this module, learners will be able to create structured mobile screens and understand React Native fundamentals.

Why Choose This Course?

• Beginner-friendly mobile development
• Fast setup with Expo
• Hands-on UI building
• Cross-platform development (Android & iOS)

Activities During Class

• Setting up React Native projects
• Building UI components
• Designing layouts
• Handling user input
• Creating mini app screens

Who Is This Course For?

• Beginners in mobile app development
• React developers moving to mobile
• Students learning cross-platform apps

Course Highlights

• React Native Setup
• Core Components
• Flexbox Layout
• Styling System
• Mini Project