×

Mastering React Native | React Native Online Training

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

Plus Membership

Self-Paced Learning

  •   Learn at your convenient time
  •   Learn with Interactive Videos
  •   Access to All 110+ Courses
  •   Access to All 20+ Learning Paths
  •   Check Learning Progress
  •   Lesson Bookmarks
  •   24X7 Access to LMS

₹1,100/quarter ₹5,000

Pro Membership

Unlimited Live Training

  •   Instructor-led Live Sessions
  •   Unlimited Access to Live Training
  •   Interview Preparation Sessions
  •   Resume Building and Review
  •   Personal Career Coaching
  • +
  •   Everything in Self-Paced Learning

₹12,000/year ₹100,000

For Business

Corporate Training

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


Course Curriculum

React and Mobile Platform Basics

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

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 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

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

Want to know more. Please do share your details.

Course Features

Anywhere, Any Device

All sessions can be attended from anywhere, and using any device. Staying at home or office, you can upgrade yourself with latest technologies.

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.

Assessments

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

Real-life Case Studies

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

LMS Access

You will get access to our world class Learning platform. This includes video, course material, exercise files and ppts used during the session.

Discuss Interview Q&A

Each topic will be covered with the essential interview Q&A being asked to you in your technical interview. Prepare yourself to get your job.

Forum

We have a community forum for all our learners wherein you can enrich their 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

At the end of the course, you need to complete one project. On successful completion, you will receive course completion certificate.

Mastering React Native Certification

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

Video Reviews

Like the Reviews

Want to know more. Please do share your details.

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.

Our Course Videos

Career Opportunity 6 Million of professionals associated with react across the globe

Salary Trend

$102,500 is the median advertised salary for Software Developer in 2017. Companies competing to hire the limited number of Software Engineer are willing to offer up to US $500,000 per year. (Indeed.com & Dice.com)

Job Titles Include

Software Developer, Software Engineer, Web Developer, Full Stack .NET Developer
Training Schedules
+91 9999 123 502
Accept cookies and close this message