Home>Courses>Building Applications with React Native

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

55 Lessons

15h

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

5 Assessments

33 Playgrounds

10 Quizzes

Course Overview

What You'll Learn

Course Content

Apply Your Skills

Recommendations

Course Overview

You’ll learn to build applications using React Native Expo. It’s an amazing technology for web developers to learn building apps using technologies they would already be familiar with. It would be an amazing opportunity for companies to train their developers on this instead of hiring new app developers. This course contains a complete package with the most commonly used concepts in application development. It would create a foundation for you to explore this technology further. Taking this course would ...Show More

You’ll learn to build applications using React Native Expo. It’s an amazing technology for web developers to learn building apps...Show More

What You'll Learn

The ability to create apps using React Native Expo

Hands-on experience using JavaScript as a tool to create apps

Hands-on experience developing projects to solidify concepts learned throughout the course

Familiarity with the core components of React Native, including navigation, handling API requests, async storage, native base, firebase and more

The ability to create apps using React Native Expo

Course Content

Welcome to the Course

4 Lessons

Get familiar with React Native mobile app development, essential JavaScript concepts, and thorough documentation.

Introduction to Mobile Apps Using React Native

JavaScript: Things You Need to Know

Why is Documentation Important?

Quiz Yourself: The Basics of HTML, CSS and JavaScript

Let's Get Started With React Native

3 Lessons

Look at React Native's framework, components, and development tools for building cross-platform apps.

What is React Native?

What Are Components?

Expo and React Native CLI

Creating Our First Application

9 Lessons

Examine foundational elements, components, props, hooks, styling, Flexbox, external libraries, and camera in React Native.

Let's Get Started with Our First Application

Exploring Basic Components

Props and States

The Importance of Hooks

Styling Our App

Screen Layout Using Flex

Using External Components and Libraries

Handling the Camera Package

Quiz Yourself: The Basics of React Native.

Handling Forms

4 Lessons

Break down the steps to manage and implement forms in React Native applications.

Creating and Managing Forms

Challenge: Using Forms in React Native

Solution Review: Forms in React Native

Quiz Yourself: Handling Forms

Assessment on the Basics of React Native

Assessment

Navigating Between Screens

8 Lessons

Combine Stack, Tab, and Drawer navigators in React Native for efficient multi-screen transitions.

What is React Native Navigation?

The Stack Navigator

Challenge : Stack Navigator

Solution Review: Stack Navigator

The Tab Navigator

Combining Multiple Navigators

Challenge: Implement Drawer Navigation

Solution Review: Implement Drawer Navigation

The useEffect Hook

3 Lessons

Follow the process of using the useEffect hook to manage React Native component lifecycles.

Introduction to the useEffect Hook

Implementing the useEffect Hook

Quiz on the useEffect Hook

Assessment on Navigating the Components and their Lifecycle

Assessment

AsyncStorage

3 Lessons

Practice using AsyncStorage for local data management with key-value pairs in React Native.

What Is AsyncStorage

Implementing AsyncStorage

Quiz on AsyncStorage

10.

The Todo List Application

6 Lessons

Step through building a React Native to-do app using NativeBase and AsyncStorage.

Introduction to the To-do List Application

To-do List Assessment

Assessment

12.

Connecting To External API's

4 Lessons

Get started with integrating APIs using Axios to fetch and display external data.

What are APIs?

Introduction to Axios

Creating an App Using Github API

Quiz on APIs

Assessment on APIs

Assessment

14.

State Management

3 Lessons

Break apart the importance of state management and utilizing the Context API in React Native.

Why Do State Management?

Context API

Quiz on State Management

15.

Firebase

5 Lessons

Break down the steps to integrating Firebase with React Native, including authentication and storage.

What Is Firebase?

How to Connect Firebase to React Native

Firestore and Firebase Storage

Introduction to Firebase Authentication

Quiz on Firebase

16.

Password Manager

2 Lessons

Solve problems in building a secure password manager using Firebase and Firestore.

Introduction to the Password Manager Application

Storing Passwords to Firestore

Final Quiz

Assessment

18.

Conclusion

1 Lessons

Investigate key JavaScript concepts, app development, styling, layout, and navigation in React Native.

Course Conclusion

Course Author

Chinmay Mhatre

Project

Authentication with React Native Using Firebase

beginner

1 hour

Project

Authentication with React Native Using Firebase

Learn to add Firebase authentication in a React Native app, covering user registration, login, password reset, and updating user credentials.

beginner

1 hour

Project

Build an E-Commerce App with React Native, Redux, and Firebase

intermediate

1 hour 45 min

Project

Build an E-Commerce App with React Native, Redux, and Firebase

This project will teach us how to create an e-commerce application using React Native, Redux, and Firebase.

intermediate

1 hour 45 mins

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

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

Learn React.js, Redux & Immutable.js while building a weather app

Gain insights into building a weather app with React, Redux, Immutable.js, and Jest. Learn about their problems and solutions, enhancing your app's performance and testing capabilities.

beginner

4 hours

Course

React Deep Dive: From Beginner to Advanced

beginner

16 hour 40 min

Course

Learn React.js, Redux & Immutable.js while building a weather app

beginner

4 hour

Related Courses and Skill Paths

Course

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

25 hours

Course

Getting Started with Mobile App Development with React Native

beginner

25 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