HomeCoursesBuilding Applications with React Native

Intermediate

15h

Updated 2 months ago

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.

Join 2.7 million developers at

Overview

Content

Reviews

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 open doors to many opportunities out there to progress further in your career as application developer.

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

Content

55 Lessons10 Quizzes5 Assessments

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

Build a Music Player Application Using React Native

Project

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

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

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

10.

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

11.

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

12.

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

13.

Conclusion

1 Lessons

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

Course Conclusion

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Chinmay Mhatre

Developed by MAANG Engineers

Every Educative lesson is designed by a team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, 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.

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

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.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

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.

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

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.

25 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

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.

4 h

beginner

Course

Getting Started with Mobile App Development with React Native

beginner

25 hour

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