Ready to develop in-demand skills in state management, user interaction handling, navigation, and cross-platform testing? This course teaches you how to create mobile apps for both Android and iOS with React Native, giving you hands-on skills and expertise employers look for in mobile developers.

You Will learn:

Hands-on, practical skills using React Native for mobile app development that employers are looking for.
How to use the features of React DevTools supported by understanding the key components and concepts of React Native
How to apply React Native stylesheets, layouts, events, and props to develop cross-platform mobile apps
Hands-on experience developing apps with Expo, as well as testing and publishing apps by applying app debugging and publishing concepts

Course Overview

React Native is one of the leading frameworks for mobile app development (Statista). Adding React Native to your skill set is a smart move for anyone pursuing a career in the mobile app development. In this course, you’ll gain hands-on skills in setting up the development environment and building cross-platform apps.

During this course, you’ll get hands on setting up the React Native development environment. You’ll work with styles, state management, user interactions, and lists, while also learning to debug and publish mobile apps in React Native. You'll test applications across different Android and iOS platforms using online labs, and explore key features like navigation to enhance app performance and usability. You'll also apply concepts like layouts, events, and props to develop efficient, responsive apps.

Whether you're just starting out or looking to upskill, this course will equip you with the practical knowledge and in-demand React Native skills employers are seeking. Enroll now

Course Syllabus

Module 0: Welcome to the Course

Video: Course Introduction
Reading: General Information
Reading: Learning Objectives and Syllabus
Reading: Reading: How to Make the Most of this Course

Module 1 Introduction to React Native

Reading: Module 1 Introduction and Learning Objectives
Video: Introduction to React Native
Video: Features and Use Cases of React Native
Video: Setting Up the React Native Development Ecosystem
(Optional) Lab: Setting Up React Native Development Environment on your System on Your Windows System
Video: React Native Internals
Reading: React Native Comparison with Other Frameworks
Video: Introduction to Expo and Its Features
Video: Working with Expo CLI
Lab: Using Expo: Setting Up the Environment
Video: Navigating the Project Structure
Reading: Expo CLI vs React Native CLI
Lab: Create "Hello World": A Basic React Native App
Reading: Summary Module 1 Introduction to React Native
Practice Quiz: Introduction to React Native
Reading: Module 1 Cheat Sheet: Introduction to React Native
Graded Quiz: Introduction to React Native

Module 2 Working with React Native

Reading: Module 2 Introduction and Learning Objectives
Reading: Introduction to Virtual DOM
Video: Introduction to Basic Components
Lab: Flower Shop Landing Page Using Basic Components
Video: Introduction to React Navigation Components
Video: Implementation of Stack, Drawer, and Tab Navigation
Lab: Grocery Catalog Using Navigation Components
Reading: Emulator and Simulator Basics
Video: Understanding Android SDK Emulator
Video: Working with Android Emulator
Lab: Working with Android Emulator Using Time Zone
Video: Introduction to iOS Simulator
Video: Configuring iOS Simulator
(Optional) Lab: Working with iOS Simulator
Reading: Module Summary: Working with React Native
Practice Quiz: Working with React Native
Reading: Module 2 Cheat Sheet: Working with React Native
Graded Quiz: Working with React Native

Module 3 Working with Style and State Management

Reading: Module 3 Introduction and Learning Objectives
Video: Introduction to Style Sheets
Video: Styling with Layouts and Flexbox
Lab: Design a Fitness Club Application Using Flexbox Layout
Video: Using Styled Components in React Native
Lab: Dark-Light Theme with Styled Components
Video: Managing State with useState and useReducer
Video: Passing Data with Props
Video: Using Context API for State Management
Lab: Login Authentication Using Context API
Video: Integrating Redux Toolkit in React Native
Lab: Quiz Application Using Redux Toolkit
Reading: Lesson Summary: Working with Style and State Management
Practice Quiz: Working with Style and State Management
Reading: Module 3 Cheat Sheet: Working with Style and State Management
Graded Quiz: Working with Style and State Management

Module 4 Handling User Interactions and Lists

Reading: Module 4 Introduction and Learning Objectives
Video: Handling Touch Events in React Native
Video: Handling TextInput and Forms
Lab: Event Registration App to Handle Form Data
Video: Validating Forms with Formik and Yup
Lab: Validating Form Data with Formik and Yup
Video: Introduction to FlatList and SectionList
Lab: Apartment Listings Display with FlatList
Video: Implementing Pull to Refresh and Infinite Scrolling
Video: Using AsyncStorage for Persistent Data
Lab: Note Taking App with AsyncStorage
Reading: Module Summary: Handling User Interactions and Lists
Practice Quiz: Handling User Interactions and Lists
Reading: Module 4 Cheat Sheet: Handling User Interactions and Lists
Graded Quiz: Handling User Interactions and Lists

Module 5 Debugging and Publishing Apps in React Native

Reading: Module 5 Introduction and Learning Objectives
Reading: Introduction to React DevTools
Video: Working with React DevTools
Lab: Working with React DevTools
Video: Handling Errors and Debugging
Reading: Debugging on iOS and Android
Lab: Debugging Common Issues
Reading: Building App with Expo
Video: Creating Android APK Files and iOS with Xcode
Video: Handling Updates in React Native
Lab: Building an Application for Android Using APK Files
Reading: Module Summary: Debugging and Publishing Apps in React Native
Practice Quiz: Debugging and Publishing Apps in React Native
Reading: Module 5 Cheat Sheet: Debugging and Publishing Apps in React Native
Graded Quiz: Debugging and Publishing Apps in React Native

Module 6 Final Project

Reading: Module 6 Introduction and Learning Objectives
Reading: Overview of Practice Project
Lab: Practice Project
Video: Project Overview
Lab: Final Project: Recipes
Lab: Peer Review
Final Exam

Course Wrap-Up

Video: Course Summary
Reading: Course Cheat Sheet
Reading: Congratulations and Next Steps
Reading: Thanks from the Course Team

Recommended Skills Prior to Taking this Course

This course is designed for professionals starting out in mobile development or looking to enhance their skills. It provides practical knowledge and in-demand React Native skills. A basic understanding of HTML, JavaScript, and React is recommended.

Developing iOS and Android Apps with React Native

Language

Topic

Skills You Will Learn

Offered By

Estimated Effort

Platform

Last Update