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

This course includes

75 Playgrounds

11 Quizzes

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

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

What You'll Learn

An understanding of the fundamentals of React Native

Course Content

Before We Begin

Get familiar with React Native, its benefits, and essential skills for beginners.

Introduction to the Course

Introduction to React Native

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

Explore essential React Native components like View, Text, Image, TextInput, ScrollView, and StyleSheet.

Introduction to Basic Components View Text Image TextInput ScrollView StyleSheet Summary: Basic Components Quiz: Basic Components Challenge: Favorite Programming Language Solution Review: Favorite Programming Language

User Interface and User Interaction

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

Solve problems in creating and customizing efficient lists with FlatList and SectionList.

Introduction to List View FlatList SectionList Summary: List View Quiz: List View Challenge: 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.

Miscellaneous Components and APIs

9 Lessons

Practice using miscellaneous React Native components to enhance UI/UX with ActivityIndicator, Alert, and more.

Application Styling

9 Lessons

Learn how to use React Native for effective application styling, dimensions control, Flexbox layout, and color application.

Navigation

8 Lessons

Unpack the core of navigation in React Native, including stack-based, tab-based, and drawer-based methods.

10.

Hooks

12 Lessons

Examine Hooks in React Native, covering state, side effects, global state, performance, and practical application.

11.

State Management

7 Lessons

Grasp the fundamentals of state management in React Native with Hooks and libraries.

12.

Database Management

8 Lessons

Take a closer look at Firebase and Cloud Firestore for React Native DB management.

13.

Appendix

2 Lessons

Focus on directory structure and debugging in React Native applications.

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!