Open / Close contact form

Aptech Computer Training Dubai & Sharjah
X

Enquire Now

Mobile App Development Using React Native

Course Overview Aptech’s Mobile App Development Using React Native course empowers learners to build cross-platform mobile apps for Android and iOS with a single codebase. Covering UI components, hooks, navigation, and deployment, it blends hands-on projects with real-world skills. Ideal for beginners and professionals, the course is available at our Dubai and Sharjah branches, preparing students for industry-ready mobile development.

Learn Adobe Photoshop
Mobile App Development Using React Native Course Overview

This React Native course covers development environment setup, creating and running apps, views and text styling, state management, text inputs, lists, touchable components, alerts, keyboard handling, Flexbox layouts, navigation, custom components, form validation, and capstone Mobile_App development. The course includes React js and React Native introduction, cross-platform development concepts, hooks such as useState, useReducer, useEffect, useContext, React Router, React Navigation, and building a complete Mobile_App. This program is suitable for learners searching for React Native training, cross-platform app development course, Mobile UI and navigation learning, and Mobile_App development using React Native.

Course Outcomes

  • Set up and run React Native applications
  • Design layouts using Views, Text, StyleSheet, and Flexbox
  • Manage state and handle TextInput events
  • Implement navigation and pass data between screens
  • Build forms with validation and custom components
  • Use lists, ScrollView, and touchable components
  • Handle alerts and keyboard events
  • Develop a complete capstone Mobile_App using React Native

Who Can Enroll?

  • React Native beginners
  • Cross-platform app learners
  • Mobile UI and navigation learners
  • Mobile_App builders
  • Form validation and state management learners

Module 1: Introduction & Setting Up

React js and React Native - Introduction
  • Overview of React js and React Native and its benefits.
    Introduction to cross-platform development.
    Html css binding and custom class creation in React App
    Adding image and table style in React App

Module 2: Basics Of Components & Layouts

React - Creating a React App
  • Setting up the development environment.
  • Creating and running your first React app.
  • Property In Create Element
  • Refreshing Entire Page Frequently
  • Export Tag
  • Multiple Export and Image
  • Event
  • useState Hook
  • useReducer Hook
  • useEffect Hook
  • useContext Hook
  • React Router

Module 3: Working With State & Inputs

React Native - Creating a React App
  • Setting up the development environment.
  • Creating and running your first React Native app.
React Native - Views, Text & Styles
  • Understanding Views and Text components.
  • Styling in React Native using StyleSheet.
  • Flexbox basics for layout.
React Native - Using State
  • Understanding React Native’s state management.
  • Using the useState hook.
React Native - Text Inputs
  • Handling user input via TextInput.
  • Managing input values and events.

Module 4: Working With Lists & Touchables

React Native - Lists & ScrollView
  • Using ScrollView to make views scrollable.
  • Working with dynamic lists.
React Native - Touchable Components
  • Using touchable components like Touchable Opacity and Touchable Highlight.
  • Handling touch events.

Module 5: Alerts & Keyboard Handling

React Native - Alerts
  • Using the Alert displaying alerts and prompts.
React Native - Dismissing the Keyboard
  • Handling keyboard events and dismissing the keyboard manually.

Module 6: Advanced Layouts With Flexbox

React Native - Flexbox Basics
  • Understanding Flexbox for layout design.
  • Using flex Direction, justify Content, and align Items.
React Native - Icons & More Flexbox
  • Implementing icons with libraries like react-native-vectoricons.
  • Advanced Flexbox techniques.

Module 7: Components & Navigation Basics

React Native - Navigating Around
  • Introduction to React Navigation.
  • Setting up navigation between screens.
React Native - Passing Data Between Screens
  • Passing data between screens using React Navigation.

Module 8: Custom Components & Images

Project_App
  • React Native - Navigation Options
    • Customizing navigation headers and screen options.
React Native - Custom Header Component
  • Building a custom header component.
React Native - Using Images
  • Displaying images using the Image component.

Module 9: Forms & Validation

React Native - Validation with Yup
  • Form validation using Control.
React Native - Showing Form Errors
  • Displaying form validation errors
React Native - Custom Button Component
  • Building reusable custom components like buttons.
React Native - Wrap Up
  • Review of the course and best practices.
  • End Project App

Module 10: Capstone Project

  • E-commerce App
  • Music App
  • Library App
  • Car Rental App

Career Opportunities:

  • React Native Developer
  • Mobile_App Developer
  • Cross-platform App Developer
  • UI and Navigation Developer
  • App Support Executive

Why Choose Us?

  • KHDA-Approved Training
  • Professional Trainers: Clear and simple guidance on React Native and cross-platform development
  • Focused Curriculum: Covers development environment setup, views, state management, navigation, Flexbox layouts, and form validation
  • Guided Practice Sessions: Step-by-step Mobile_App building exercises

Eligibility / Requirements:

  • Basic computer knowledge
  • Basic understanding of programming concepts
  • Familiarity with HTML and CSS
  • Interest in React js and cross-platform development
  • Willingness to learn Mobile_App development using React Native

Other related courses