React Native

React Native

This course is part of multiple programs.

Instructor: Taught by Meta Staff

41,047 already enrolled

Included with Coursera Plus

Learn more

5 modules

Gain insight into a topic and learn the fundamentals.

4.8

(361 reviews)

Intermediate level

Recommended experience

Flexible schedule

Approx. 38 hours

Learn at your own pace

97%

Most learners liked this course

5 modules

Gain insight into a topic and learn the fundamentals.

4.8

(361 reviews)

Intermediate level

Recommended experience

Flexible schedule

Approx. 38 hours

Learn at your own pace

97%

Most learners liked this course

Skills you'll gain

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

34 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Build your subject-matter expertise

This course is available as part of

When you enroll in this course, you'll also be asked to select a specific program.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 5 modules in this course

React Native is an open-source framework for building cross-platform applications (apps) using React and the platform’s native capabilities. In this course, you will move from the basics of React to a more advanced implementation using React Native. You’ll review a wide range of different React components and ways of styling them. And you’ll get to practice using different mobile methods of interactivity with React Native.

Some of the basics skills you will learn include: • Building a single-page React Native app and styling it using basic components • Building large lists and configuring user inputs within a React Native app • Using the Pressable component to build buttons and other clickable areas • Setting up an app with React Navigation and moving between screens You’ll gain experience with the following tools and software: • React • React Native • Front End development languages (HTML, CSS and JavaScript) • JSX • Code editing programs, such as Expo and Visual Studio Code This course is for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you will need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

In this module, the basic structure and use of React Native is explored and demonstrated. You will learn to build a single page React Native app and style it using basic components such as View, Text and StyleSheet.

What's included

18 videos21 readings8 assignments1 discussion prompt

18 videosTotal 75 minutes

Introduction to the course3 minutesPreview module
What is React Native?6 minutes
Native, cross-platform & hybrid developer roles4 minutes
Meet a cross-platform developer3 minutes
React Native Development Environment Overview2 minutes
React Native with Expo4 minutes
How is React Native used in the real world?3 minutes
React Native Code2 minutes
What is Expo?4 minutes
What are React Native Components?5 minutes
Building a component4 minutes
What are View and Text Components?3 minutes
Using the View and Text Components5 minutes
What is the ScrollView Component?4 minutes
Using the ScrollView Component5 minutes
Styling Components using StyleSheet3 minutes
Practical Styling5 minutes
Module summary: Introduction to React Native2 minutes

21 readingsTotal 349 minutes

Course syllabus15 minutes
How to be successful in this course10 minutes
Additional resources5 minutes
Benefits of React Native6 minutes
Building React Native apps with Expo5 minutes
Additional resources3 minutes
Exploring building a component10 minutes
Exercise: Your first React Native component30 minutes
Solution: Your first React Native component30 minutes
Additional resources5 minutes
Explore the View and Text Components10 minutes
Exercise: Build a React Native screen30 minutes
Solution: Build a React Native screen30 minutes
Explore the ScrollView Component15 minutes
Exercise: Build a scrollable component30 minutes
Solution: Build a scrollable component30 minutes
Additional resources5 minutes
Styling using StyleSheet15 minutes
Exercise: Style a component30 minutes
Solution: Style a component30 minutes
Additional resources5 minutes

8 assignmentsTotal 111 minutes

Module quiz: Introduction to React Native30 minutes
Knowledge check: Introduction to React Native15 minutes
Self review: Your first React Native component9 minutes
Knowledge check: React Native Components15 minutes
Self review: Build a React Native screen9 minutes
Self review: Build a scrollable component9 minutes
Knowledge check: Views, Text and Scrollable components15 minutes
Self review: Style a component9 minutes

1 discussion promptTotal 10 minutes

Meet and greet10 minutes

In this module you will learn about the core components of React Native. You will learn to build large and performant lists with the FlatList and SectionList components. You will then learn to configure user inputs via keyboard using the TextInput component. By the end of this module, you will gain the knowledge to build large lists and configure user inputs within your React Native App.

What's included

12 videos18 readings9 assignments

12 videosTotal 57 minutes

Rendering large lists using FlatList component3 minutesPreview module
Using the FlatList component4 minutes
FlatList Methods5 minutes
Render large lists by sections using SectionList4 minutes
Using the SectionList component5 minutes
What is the TextInput component?4 minutes
Configure the TextInput Component4 minutes
Virtual Keyboard on Mobile Apps4 minutes
Handling the Virtual Keyboard5 minutes
Passing props to TextInput Component5 minutes
Using TextInput Methods5 minutes
Module summary: Lists and Text Input in React Native3 minutes

18 readingsTotal 395 minutes

Explore the FlatList Component15 minutes
Exercise: Render a large list using FlatList30 minutes
Solution: Render a large list using FlatList30 minutes
Additional resources5 minutes
Explore the SectionList Component20 minutes
Exercise: Render a large list using SectionList30 minutes
Solution: Render a large list using SectionList30 minutes
Additional resources10 minutes
TextInput Component and its Features20 minutes
Exercise: Create a TextInput Component30 minutes
Solution: Create a TextInput Component30 minutes
Tips and Tricks to handle the virtual keyboard20 minutes
Additional resources15 minutes
Common props of TextInput component30 minutes
Exercise: Create a login page30 minutes
Solution: Create a login page30 minutes
TextInput Methods15 minutes
Additional resources5 minutes

9 assignmentsTotal 126 minutes

Module quiz: Lists and Text Input in React Native30 minutes
Self Review – Render a large list using FlatList9 minutes
Knowledge check: Render large lists with FlatList15 minutes
Self review: Render a large list using SectionList9 minutes
Knowledge check: Render large lists with SectionList15 minutes
Self review: Create a TextInput Component9 minutes
Knowledge check: Accept user input15 minutes
Self review: Create a login page9 minutes
Knowledge check: Props and methods in TextInput15 minutes

In this module you will learn about using the Pressable component to build buttons and other clickable areas. You will then learn about displaying and styling images within the app. Finally, you will explore some common React Native hooks that come handy during development

What's included

12 videos15 readings7 assignments1 discussion prompt

12 videosTotal 44 minutes

What is the Pressable Component?5 minutesPreview module
Using Pressable Component5 minutes
Displaying Images in React Native4 minutes
Using Image Component2 minutes
Styling an Image within the app3 minutes
Passing props to the Image Component5 minutes
Setting Background Images3 minutes
What are hooks ?2 minutes
Using useColorScheme hook3 minutes
Using useWindowDimensions hook2 minutes
Using other community hooks3 minutes
Module summary: Pressable, Images and Hooks in React Native1 minute

15 readingsTotal 325 minutes

Exploring Pressable20 minutes
Exercise: Create a clickable text area with Pressable30 minutes
Solution: Create a clickable text area with Pressable30 minutes
Additional resources25 minutes
Exploring the Image Component15 minutes
Exploring props to the Image Component30 minutes
Exercise: Displaying Images in your app30 minutes
Solution: Displaying Images in your app30 minutes
Additional resources5 minutes
Exploring the useColorScheme hook20 minutes
Explore the useWindowDimensions hook15 minutes
Exploring other community hooks10 minutes
Exercise: Hooks in React Native30 minutes
Solution: Hooks in React Native30 minutes
Additional resources5 minutes

7 assignmentsTotal 108 minutes

Module quiz: Pressable, Images and Hooks in React Native30 minutes
Self review: Create a clickable text area with Pressable9 minutes
Knowledge check: Pressable Component15 minutes
Self review: Displaying Images in your app9 minutes
Knowledge check: Images in React Native15 minutes
Self review: Hooks in React Native15 minutes
Knowledge check: Hooks in React Native15 minutes

1 discussion promptTotal 3 minutes

Share your app with images3 minutes

In this module you will learn all about navigating between screens using React Navigation. You will learn different types of navigation such as Stack, Tab and Drawer navigation, which are widely used in mobile apps. You will also learn about the core features of React Navigation. By the end of this module, you will be able to setup your app with React Navigation and move between screens.

What's included

14 videos18 readings9 assignments

14 videosTotal 52 minutes

What is React Navigation?5 minutesPreview module
Setting up React Navigation2 minutes
Using the Stack.Navigator4 minutes
Approaches to Passing Props to Screen2 minutes
Moving to a New Screen4 minutes
Moving Between Screens2 minutes
Going Back to Previous Screen3 minutes
Configuring a Header Bar5 minutes
What is Tab Navigation?4 minutes
Tab Navigation Example3 minutes
Customizing your tab navigator3 minutes
What is Drawer Navigation?3 minutes
Drawer Navigation Example4 minutes
Module summary: React Navigation2 minutes

18 readingsTotal 336 minutes

Installation and Setup of React Navigation20 minutes
Creating and Configuring Native Stack Navigator15 minutes
Passing props to Screen10 minutes
Exercise: Set up Routes30 minutes
Solution: Set up Routes30 minutes
Additional resources5 minutes
Navigating to a Screen15 minutes
Exercise: Moving between screens30 minutes
Solution: Moving between screens30 minutes
Additional resources5 minutes
Exploring Tab Navigation6 minutes
Exercise: Configure Tab Navigation30 minutes
Solution: Configure Tab Navigation30 minutes
Additional resources5 minutes
Exploring Drawer Navigation10 minutes
Exercise: Configure Drawer Navigation30 minutes
Solution: Configure Drawer Navigation30 minutes
Additional resources5 minutes

9 assignmentsTotal 126 minutes

Module quiz: React Navigation30 minutes
Self review: Set up Routes9 minutes
Knowledge check: Introduction to React Navigation15 minutes
Self review: Moving between screens9 minutes
Knowledge check: Moving between screens15 minutes
Self review: Configure Tab Navigation9 minutes
Knowledge check: Tab Navigation15 minutes
Self review: Configure Drawer Navigation9 minutes
Knowledge check: Drawer Navigation15 minutes

Practice and reflect on the skills you learned in this course.

What's included

3 videos4 readings1 assignment1 peer review1 discussion prompt

3 videosTotal 8 minutes

Course Recap: React Native2 minutesPreview module
Solution walk-through: Little Lemon newsletter sign-up3 minutes
Congratulations, you have completed React Native!1 minute

4 readingsTotal 72 minutes

About the final project assessment10 minutes
Exercise: Little Lemon newsletter sign-up30 minutes
Solution code: Little Lemon newsletter sign-up30 minutes
Next steps2 minutes

1 assignmentTotal 30 minutes

Final course quiz: React Native30 minutes

1 peer reviewTotal 60 minutes

Peer review: Little Lemon newsletter sign-up60 minutes

1 discussion promptTotal 10 minutes

What challenges did you encounter when creating your app?10 minutes

Instructor

Instructor ratings

4.8 (101 ratings)

Taught by Meta Staff

Offered by

Recommended if you're interested in Mobile and Web Development

IBM
Developing Mobile Apps with React Native
Specialization
SkillUp EdTech
React Native: Developing Android and iOS Apps
Course
Meta
React Basics
Course
Meta
Meta React Native
Specialization

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

4.8

361 reviews

5 stars
83.37%
4 stars
11.08%
3 stars
4.15%
2 stars
1.38%
1 star
0%

Showing 3 of 361

Reviewed on Jul 4, 2023

To all the beginners who want to know about Mobile Application Development for Cross-Platform, I do recommend this course, and great to start.

Reviewed on Feb 2, 2023

A direct and excellent course. I acquired a significant amount of information. Thank you!

Reviewed on Nov 7, 2023

This course was absolutely fantastic, and the instructor was top-notch. I'm immensely grateful to Coursera for providing such an enriching learning experience. Thank you! 🌟🙌

View more reviews

New to Mobile and Web Development? Start here.

What Is a React Developer? (And How to Become One)

March 14, 2025

Article · 6 min read

Android Developer Salary: Your 2025 Guide

February 22, 2025

Article

What Does an Application Developer Do?

March 3, 2025

Article

Mobile Device Management: Ensuring Security and Efficiency

April 1, 2025

Article

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.

React Native

Skills you'll gain

Details to know

See how employees at top companies are mastering in-demand skills

Build your subject-matter expertise

Earn a career certificate

There are 5 modules in this course

Introduction to React Native

What's included

Lists and Text Input in React Native

What's included

Pressable, Images and Hooks in React Native

What's included

React Navigation

What's included

Final project assessment

What's included

Instructor

Offered by

Recommended if you're interested in Mobile and Web Development

Developing Mobile Apps with React Native

React Native: Developing Android and iOS Apps

React Basics

Meta React Native

Why people choose Coursera for their career

Learner reviews

New to Mobile and Web Development? Start here.

What Is a React Developer? (And How to Become One)

Android Developer Salary: Your 2025 Guide

What Does an Application Developer Do?

Mobile Device Management: Ensuring Security and Efficiency

Open new doors with Coursera Plus

Advance your career with an online degree

Join over 3,400 global companies that choose Coursera for Business

Frequently asked questions

When will I have access to the lectures and assignments?

What will I get if I subscribe to this Certificate?

What is the refund policy?

More questions