×

Our Most Popular Learning Paths

View All Courses
  1. Home
  2. Live Training
  3. Mastering React Native

Mastering React Native | React Native Online Training

Reviews Download Curriculum
Course Preview
The Mastering React Mobile Apps Development course is primarily designed for UI Developer(s)/Web Developer(s) who want to learn how to create cross platform native mobile apps for iOS and Android using React Native, and JavaScript. In this course, you will learn how to develop truly native UI and performance mobile app; while reusing the skills and the code from your web projects. Here, you will learn how to use React Native for creating widgets, data listing, spinners etc. and creating mobile apps using mobile camera, audio, video and database and finally publish it on Google Store, Apple Store.

Upcoming Batches

About the Course

In this course, you will learn each and every topic with the help of hands-on labs. This program includes a hands-on live project with the implementation of recommended design patterns and practices.

Course objective

At the completion of this course, attendees will be able to;

  1. Develop a complete mobile app using HTML5, CSS3 and JavaScript.
  2. Explore React Native basic and advanced features.
  3. Understand Android, iOS fundamentals
  4. Build UI with React Native Elements
  5. Store and retrieve data from a variety of sources like file system, SQLite database and RESTful services
  6. Write platform specific code for Android and iOS to access native features
  7. Test and deploy the app to emulators, simulators, and real devices
  8. Exploring React Native components, gestures, and tools for building highly interactive mobile apps.
  9. Build and run mobile apps on Android & iOS platforms.
  10. How to access mobile native features like camera, contacts, calendar etc. using React Native.
  11. Publishing mobile app on Google Store, Apple Store.

Who can do this course?

All professionals who are keen to develop cross-platform native mobile apps for Android and iOS should go for this course.

Pre-requisites

Anyone who wants to learn React Native mobile apps development should have knowledge of React.js.

Tools/SDK/IDE

Visual Studio Code, Android SDK and iOS SDK

Choose Training Options

Solo Membership

Single Live Training

  •   Instructor-led Live Sessions
  •   Access to One Live Training
  •   Tests & Quizzes
  •   Technical Support
  •   Project-based Training
  •   24X7 Access to LMS
  •   Valid Only for 12 Months

₹8,000/year ₹12,000

*Price exclusive of taxes
Pro Membership

Unlimited Live Training

  •   Instructor-led Live Sessions
  •   Unlimited Access to All Live Training
  •   Access to All 120+ Courses
  •   Access to All 20+ Learning Paths
  •   Interview Preparation Sessions
  •   Personal Career Coaching
  •   Project-based Training
  •   Valid Only for 12 Months

₹20,000/year ₹100,000

*Price exclusive of taxes
For Business

Corporate Training

  •   Instructor-led Live Sessions
  •   Self-Paced/Live Training
  •   Classroom Training
  •   Customized Course Content
  •   Flexible Schedule
  •   Expert Mentorship
  •   24X7 Access to LMS


 

100% Money Back Guarantee

Our training programs are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get your 100% refund. We won't make you beg or invoke any silly rules or conditions – if you're not satisfied within your first 5 days then we'll refund you without any fuss.
For more details do refer our Refund Policy.

Course Curriculum

React and Mobile Platform Basics

React and Mobile Platform Basics

Introduction to React

  1. Introduction to React
  2. Hybrid Framework vs. Native Framework
  3. React Native Development IDE – Visual Studio Code
  4. Why React and React Native?
  5. React Advantages

Android fundamentals

  1. Activities
  2. Views
  3. Layouts
  4. Resources
  5. Manifest

Android Activity

  1. Activity Life Cycle
  2. Activity Life Cycle Events
  3. Activity States

Running, Deployment, Testing

  1. Deploying app to Emulator and Devices
  2. Debugging in Emulator
  3. Debugging in Device
  4. Android Debug Log
  5. Testing app in different emulator

iOS fundamentals

  1. Storyboard
  2. Segues
  3. Views
  4. View Controllers
  5. Layouts
  6. Resources

iOS Life Cycle

  1. iOS Life Cycle
  2. iOS Life Cycle States

Running, Deployment, Testing

  1. Deploying the app to Simulator and Devices
  2. Debugging in Simulator
  3. Debugging in Device
  4. Testing app in different Simulator
  1. iOS Life Cycle
  2. iOS Life Cycle States

Introduction to Native Mobile Apps

  1. Understanding Native Mobile Apps Development
  2. Why to choose Native Mobile Apps Development
  3. Ways to develop Native Mobile Apps
  4. Future of Native Mobile Apps Development
  5. Advantages of Native Mobile Apps

Introduction to React Native

  1. Understanding the React Native
  2. React Native Advantages
  3. React Native Mobile OS Support

Setting Up Our Development Environment

  1. Installing the React Native CLI
  2. Installing IDE: VS Code
  3. Starting a New React Native Project
  4. Platform Tools Installations
  5. Setting Emulators and Simulator
  6. Setting Up Your Devices
  7. Adding Mobile Platforms
  8. Previewing on Emulator and Simulator
  9. Previewing on Device

React Native CLI

  1. Define Your Build Platforms
  2. Previewing Your App
  3. Emulating Your React Native App
  4. Running React Native App on a Device
  5. CLI information

React Native

React Native Core Concepts

  1. Components for Mobile
    1. View
    2. Text
    3. Text Input
    4. Button
    5. Switch
    6. Image
    7. Status Bar
    8. List Views: Flat List, Section List etc.
  2. Handling Touches
  3. Using a ScrollView
  4. Render and JSX
  5. Component Lifecycle
  6. Props and State

Building User Interface: Styles

  1. Understanding the Android and iOS Layouts
  2. Adding UI Components to the Application
  3. Styling React Native Components with CSS
  4. Layouts: Flexbox

Styles

  1. Conditional Styling
  2. Inline styles
  3. Using a stylesheet
  4. Adding multiple styles
  5. Inheritance

Navigation

  1. App Scene Navigation
  2. React Navigation Library
  3. Navigator Basics
  4. Implementing Navigation

Navigator and WebView

  1. Stack Navigator
  2. Tab Navigator
  3. Navigation Parameters
  4. Adding a Back Button
  5. WebView

React Native Elements and Redux

React Native Elements: React Native UI Toolkit

  1. Installing React Native Elements
  2. Using React Native Elements
  3. Button
  4. Card
  5. Input
  6. ListItem etc.

Redux

  1. Introduction to Redux
  2. Redux Flow Overview
  3. Redux Setup

Redux Flow

  1. Actions
  2. Reducers and Root Reducers
  3. Store
  4. Dispatch Actions
  5. Action creators

Storage and SQLite

  1. Persistent Data using SQLite
  2. Using AsyncStorage

List View and REST API

  1. Database Operations with REST service
  2. Data Listing
  3. List View
  4. Refresh Control

Native Modules and APIs

  1. Linking Native API
  2. Geolocation
  3. Video Component
  4. Modals
  5. ActivityIndicator
  6. Animations

Gestures Events

  1. Gestures
  2. Events
  3. Keyboards

Debugging and Testing

  1. Dealing with CORS Issues
  2. Debugging through an iOS or Android Simulator
  3. Debugging On-Device

Project

Project: E-commerce App

Developing Application Architecture

  1. Discussing Application Architecture
  2. Building Application Layer

Login and Sign Up

  1. Implementing Login and signup
  2. Developing Customer CRUD Operations
  3. Managing User session
  4. Implementing Authorization

Developing Category, Product Operations

  1. Developing Category CRUD Operations
  2. Developing Product CRUD Operations

Product Listing

  1. Displaying Products to Users
  2. Applying Paging and Sorting

Shopping Cart

  1. Products Searching
  2. Adding Products to Shopping Cart
  3. Removing Products to Shopping Cart

Payment Gateway

  1. Understanding Payment gateway Process
  2. Integrating Payment Gateway
  3. Listing Successful Transactions
  4. Listing Failed Transactions

Deployment and Testing

  1. Compiling app for Android and iOS
  2. Testing App on real devices

Publishing

  1. App deployment on Google store
  2. App deployment on Apple store

Like the Curriculum

Do share your details to know how to get 2X Salary.

DotNetTricks Benefits

Unlimited Live Sessions

Live Training Membership give you unlimited access to all our live training and recorded courses from anywhere, and using any device staying at home or office.

Instructor-led Live Sessions

All sessions are led by our expert mentors. Even you have access to your live sessions video which will be available to you through LMS within 24 hours.

Tests & Quizzes

Each Module will be followed by mockup tests and quizzes which help you to monitor your learning progress and Evaluate yourself.

Project-based Training

All the sessions are delivered using real-life examples. You will learn how to develop real project using industry recommended principles & practices.

Personal Career Coach

Get career guidance from top experts as your personal coach, align your preparation strategy & learning resources to achieve your goal

Interview Prep Sessions

Get career guidance and ask your questions & doubts live. Join to prepare yourself for next job interview to crack and get hired!

Forum

A community forum access wherein you can enrich your learning through peer interaction and knowledge sharing.

Technical Support

We have online support team available to help you with any technical queries you may have during the course.

Certification

On successful completion of the course, you will receive course completion certificate.

Career & Certification

DotNetTricks Mastering React Native Certificate Holders work at 1000s of companies like:

Request A Callback

Video Reviews

Like the Reviews

Do share your details to know how to get 2X Salary.

FAQs

Q1. Who are your mentors?

All our mentors are highly qualified and experience professionals. All have at least 8-10 yrs of development experience in various technologies and are trained by Dot Net Tricks to deliver interactive training to the participants.

Q2. What If I miss my online training class?

All online training classes are recorded. You will get the recorded sessions so that you can watch the online classes when you want. Also, you can join other class to do your missing classes.

Q3. Can I share my course with someone else?

In short, no. Check our licensing that you agree to by using Dot Net Tricks LMS. We track this stuff, any abuse of copyright is taken seriously. Thanks for your understanding on this one.

Q4. Do you offer certificate of completion?

Yes, We would be providing you with the certificate of completion of the program, once you have successfully submitted all the assessment and it has been verified by our subject matter experts.

Q5. Do you provide any course material or live session videos?

Yes we do. You will get access to the entire content including class videos, mockups, and assignments through LMS.

Q6. Do you provide training on latest technology version?

Yes we do. As the technology upgrades we do update our content and provide your training on latest version of that technology.

Q7. Do you prepare me for the job interview?

Yes, we do. We will discuss all possible technical interview questions and answers during the training program so that you can prepare yourself for interview.

Drop us a Query

+91-9999 123 502 Available for your queries
Training Schedules
+91 9999123502

We use cookies to make interactions with our websites and services easy and meaningful. Please read our Privacy Policy for more details and click on the right button to proceed.

Accept cookies and close this message