Home>Courses>Getting Started with Mobile App Development with React Native

Getting Started with Mobile App Development with React Native

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.

Beginner

98 Lessons

25h

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

75 Playgrounds

11 Quizzes

Course Overview

What You'll Learn

Course Content

Recommendations

Course Overview

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 co...Show More

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

TAKEAWAY SKILLS

State Management

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

Course Content

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

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

13.

Appendix

2 Lessons

Focus on directory structure and debugging in React Native applications.

React Native Directory Structure

Debugging React Native Applications

Trusted by 2.6 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."

Carlos Matias La Borde

Software Developer

"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

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

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-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

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!

Recommended before starting this course

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.

beginner

12 hours

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.

beginner

10 hours

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.

beginner

16 hours 40 mins

Course

JavaScript in Detail: From Beginner to Advanced

beginner

12 hour

Course

Learn HTML, CSS, and JavaScript from Scratch

beginner

10 hour

Course

React Deep Dive: From Beginner to Advanced

beginner

16 hour 40 min

Related Courses and Skill Paths

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.

intermediate

15 hours

Course

Building Applications with React Native

intermediate

15 hour

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath