HomeCoursesGetting Started with Mobile App Development with React Native

Beginner

25h

Updated 1 month ago

Getting Started with Mobile App Development with React Native
Save

Discover React Native for creating rich, cross-platform mobile apps with reusable components. Gain insights into UI components, styling, navigation, Hooks, state, and database management.

Join 2.7 million developers at

Overview

Content

Reviews

React Native is a well-known mobile application development framework that allows developers to create rich, cross-platform mobile application UI using reusable components. It's ideal for building mobile applications and supports multi-platform reusable code, pre-built components, and a rich UI. Most well-known social media platforms, such as Facebook and Instagram, have been built using React Native. In this course, you’ll start with a brief introduction to React Native and then cover various built-in components of React Native categorized into different categories such as basic, user interface, user interaction, and list view components. Next, you’ll learn about concepts such as application styling, navigation, Hooks, state management, and database management. You’ll find interactive quizzes and challenges throughout the course to test your understanding. By the end of this course, you’ll be able to develop mobile applications and kickstart your journey as a React Native developer.

React Native is a well-known mobile application development framework that allows developers to create rich, cross-platform mobi...Show More

WHAT YOU'LL LEARN

An understanding of the fundamentals of React Native

The ability to create and style different types of components

The ability to handle different types of navigation

An understanding of Hooks and their implementations in React Native

A working knowledge of state and database management in React Native

An understanding of the fundamentals of React Native

TAKEAWAY SKILLS

State Management

Content

98 Lessons11 Quizzes

Before We Begin

1 Lessons

Get familiar with React Native, its benefits, and essential skills for beginners.

Introduction to the Course

Introduction to React Native

6 Lessons

Look at React Native to build cross-platform apps using reusable components efficiently.

What is React Native?

Class and Functional Components

Native Components, Core Components, and APIs

The "Hello World" Program

Summary: Introduction to React Native

Quiz: Introduction to React Native

Basic Components

11 Lessons

Explore essential React Native components like View, Text, Image, TextInput, ScrollView, and StyleSheet.

Introduction to Basic Components

Summary: Basic Components

Quiz: Basic Components

Challenge: Favorite Programming Language

Solution Review: Favorite Programming Language

User Interface and User Interaction

9 Lessons

Grasp the fundamentals of React Native UI components like Buttons, Switches, and touchables for better user interactions.

Introduction to User Interface and User Interaction

Button

Touchables

Switch

Gesture Responder System

Summary: User Interface and User Interaction

Quiz: User Interface and User Interaction

Challenge: User Interface and User Interaction

Solution Review: User Interface and User Interaction

List View

7 Lessons

Solve problems in creating and customizing efficient lists with FlatList and SectionList.

Introduction to List View

Solution Review: List View

Android Components and APIs

9 Lessons

Tackle Android components and APIs in React Native for efficient app development and functionality.

Introduction to Android Components and APIs

Summary: Android Components and APIs

Quiz: Android Components and APIs

Challenge: Android Components and APIs

Solution Review: Android Components and APIs

Miscellaneous Components and APIs

9 Lessons

Practice using miscellaneous React Native components to enhance UI/UX with ActivityIndicator, Alert, and more.

Introduction to Miscellaneous Components and APIs

Summary: Miscellaneous Components and APIs

Quiz: Miscellaneous Components and APIs

Challenge: Miscellaneous Components and APIs

Solution Review: Miscellaneous Components and APIs

Application Styling

9 Lessons

Learn how to use React Native for effective application styling, dimensions control, Flexbox layout, and color application.

Introduction to Application Styling

Applying Styles

Controlling Dimensions

Layout with Flexbox

Colors

Summary: Application Styling

Quiz: Application Styling

Challenge: Application Styling

Solution Review: Application Styling

Navigation

8 Lessons

Unpack the core of navigation in React Native, including stack-based, tab-based, and drawer-based methods.

Introduction to Navigation

Stack-based Navigation

Tab-based Navigation

Drawer-based Navigation

Summary: Navigation

Quiz: Navigation

Challenge: Navigation

Solution Review: Navigation

10.

Hooks

12 Lessons

Examine Hooks in React Native, covering state, side effects, global state, performance, and practical application.

Introduction to Hooks

Solution Review: Hooks

11.

State Management

7 Lessons

Grasp the fundamentals of state management in React Native with Hooks and libraries.

What is State Management?

Managing States using Hooks

Managing States Using State Management Libraries

Summary: State Management

Quiz: State Management

Challenge: State Management

Solution Review: State Management

Build a Music Player Application Using React Native

Project

12.

Database Management

8 Lessons

Take a closer look at Firebase and Cloud Firestore for React Native DB management.

Introduction to Firebase

Cloud Firestore

Setting up Cloud Firestore Database

CRUD using Cloud Firestore

Summary: Database Management

Quiz: Database Management

Challenge: Database Management

Solution Review: Database Management

Authentication with React Native Using Firebase

Project

13.

Appendix

2 Lessons

Focus on directory structure and debugging in React Native applications.

React Native Directory Structure

Debugging React Native Applications

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Developed by MAANG Engineers

Every Educative resource is designed by our in-house team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who’ve shipped production code at scale and taught the theory behind it. The goal is to get you hands-on with the skills you need to stay ahead in today's constantly evolving tech landscape. No videos, no fluff — just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Software Developer

Carlos Matias La Borde

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Course

Building Applications with React Native

Gain insights into building applications with React Native Expo. Learn essential development concepts to create career opportunities and enhance your skills using familiar web technologies.

15 h

intermediate

Course

JavaScript in Detail: From Beginner to Advanced

Discover JavaScript fundamentals and advanced concepts, including OOP and asynchronous programming. Gain insights through projects and a final exam, enhancing your skills and portfolio.

12 h

beginner

Course

Learn HTML, CSS, and JavaScript from Scratch

Discover the essentials of HTML, CSS, and JavaScript to build interactive web applications through hands-on exercises, creating modules like an image carousel and a to-do list.

10 h

beginner

Course

React Deep Dive: From Beginner to Advanced

Gain insights into React from basics to advanced, explore its ecosystem, and delve into best practices and the latest straightforward methods for efficient use.

16 h 40 m

beginner

Course

Building Applications with React Native

intermediate

15 hour

Course

JavaScript in Detail: From Beginner to Advanced

beginner

12 hour

Course

Learn HTML, CSS, and JavaScript from Scratch