Hands-on React Native: From Zero to Hero

Go from web developer to mobile hero. Learn to build native iOS and Android apps from a single JavaScript codebase.

#1about 3 minutes

What is React Native and what will you learn

An introduction to React Native as a framework for building native apps with React, outlining the key topics of development, debugging, and testing.

#2about 6 minutes

Understanding the core principles of React

React is a declarative, component-based JavaScript library for building user interfaces, which forms the foundation for React Native's "learn once, write anywhere" philosophy.

#3about 3 minutes

Why companies choose to build with React Native

React Native increases developer velocity and portability, making it a popular choice for companies like Facebook, Discord, and Shopify for their mobile applications.

#4about 2 minutes

A first look at a React Native "Hello World" app

A simple "Hello World" application is demonstrated using the interactive Expo snack playground directly on the React Native website.

#5about 4 minutes

Choosing between Expo CLI and React Native CLI

Expo CLI is ideal for beginners and common use cases, while React Native CLI offers more control over the build process and native modules.

#6about 8 minutes

Exploring React Native core components and APIs

React Native provides a set of core components like View and Text that map to the platform's native UI widgets on both Android and iOS.

#7about 4 minutes

Building a starter app with create-react-native-app

The create-react-native-app tool quickly scaffolds a new project with pre-configured builds for iOS, Android, and the web.

#8about 3 minutes

Debugging your mobile application with Flipper

Flipper is an extensible desktop debugger for mobile apps that helps you inspect layouts, network requests, and logs.

#9about 3 minutes

Writing tests for your app with the Jest framework

Jest is a JavaScript testing framework with built-in support for React Native, enabling unit, integration, and snapshot tests with minimal configuration.

#10about 1 minute

The future vision for a multi-platform React Native

The "many platform vision" aims to expand React Native's capabilities to desktop (macOS, Windows) and AR/VR platforms while respecting native conventions.

#11about 3 minutes

How to engage with the React Native community

You can get help, stay updated, and contribute back to the project through resources like GitHub, Stack Overflow, Twitter, and the Reactiflux community.