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

This course includes

5 Assessments

33 Playgrounds

10 Quizzes

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

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

What You'll Learn

The ability to create apps using React Native Expo

Course Content

Welcome to the Course

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

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

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

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

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.

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.

The Todo List Application

6 Lessons

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

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.

Assessment on APIs

Assessment

10.

State Management

3 Lessons

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

11.

Firebase

5 Lessons

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

12.

Password Manager

2 Lessons

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

Final Quiz

Assessment

13.

Conclusion

1 Lesson

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

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

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!