React Native ( Mobile App Development )

Register Now

React Native is an open-source framework developed by Facebook that allows developers to build mobile applications for both Android and iOS using JavaScript and React. Unlike traditional mobile development that requires separate codebases for different platforms (Java/Kotlin for Android, Swift/Objective-C for iOS), React Native enables cross-platform development with a single codebase.

Instructor: Mr Abdul Ghaffar
Level: Advanced
Lectures: 18
Duration: 2 Months
Location: Online / Onsite

What We Offer ?

  • Certified Course Completion Certificate

    Awarded upon successful completion of the training program.

  • One-Month Internship Letter

    Provided to acknowledge participation in a practical internship experience.

  • Eligibility for a Three-Month Paid Internship

    Top-performing candidates may be selected for an extended, paid internship opportunity.

  • Week 1: Introduction to React Native & Setup

    • Overview of React Native and its advantages for cross-platform mobile development.
    • Understanding how React Native differs from ReactJS.
    • Setting up the development environment (Node.js, Expo CLI, Android/iOS simulators).
    • Running the first "Hello World" app using Expo.
    • Task + Assignment

    Week 2: Project Structure & Basic Components

    • Understanding the standard folder structure of a React Native project.
    • Introduction to core components: View, Text, Image, Button, etc.
    • Rendering components and nesting elements.
    • Writing clean and reusable component structures.
    • Task + Assignment

    Week 3: Styling in React Native

    • Applying styles using StyleSheet.create().
    • Inline vs. external styling.
    • Flexbox layout for positioning and responsiveness.
    • Themes and color schemes for UI consistency.
    • Task + Assignment

    Week 4: Props & State

    • Understanding props to pass data between components.
    • Managing internal component data using useState.
    • Practical examples: toggling UI elements, dynamic text rendering.
    • Best practices for prop drilling and data flow.
    • Task + Assignment

    Week 5: Handling User Input & Forms

    • Using TextInput, Button, and Touchable components.
    • Capturing and validating form data.
    • Managing input states and displaying feedback.
    • Basic form submission logic.
    • Task + Assignment

    Week 6: Navigation

    • Introduction to React Navigation library.
    • Setting up Stack Navigator and Tab Navigator.
    • Navigating between screens and passing parameters.
    • Customizing header styles and back buttons.
    • Task + Assignment

    Week 7: Fetching Data from API

    • Using fetch and axios to retrieve data.
    • Understanding asynchronous JavaScript (async/await).
    • Displaying data using components.
    • Error handling and loading states.
    • Task + Assignment

    Week 8: FlatList and Component Reuse

    • Using FlatList for rendering dynamic lists.
    • Performance optimization techniques with list rendering.
    • Creating reusable components (e.g., Card, ListItem).
    • Combining all concepts to build a mini feature (like a blog or product list).
    • Task + Assignment

    No Review Yet