Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Native for Dummies 2025 - Full Beginner Crash Course

Code with Beto via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn React Native mobile development from scratch in this comprehensive crash course tutorial designed for complete beginners. Start by understanding the fundamentals of mobile app development and React Native's architecture, then dive into hands-on development using the Expo framework. Set up your development environment by installing Node.js, creating your first Expo project, and configuring Visual Studio Code for optimal React Native development. Build a practical Pokémon app that demonstrates core concepts including API integration, state management with useState hooks, TypeScript implementation, and component styling. Master essential React Native skills such as fetching data from external APIs, displaying dynamic content in lists, creating custom TypeScript types for type safety, and implementing image handling for mobile interfaces. Explore advanced topics including navigation between screens using Expo Router, passing parameters between components, customizing screen layouts and presentations, and applying professional styling techniques with React Native's StyleSheet. Gain practical experience with mobile-specific development patterns, learn best practices for structuring React Native projects, and understand how to leverage Expo's ecosystem for rapid mobile app development across iOS and Android platforms.

Syllabus

00:00 - Intro
01:41 - Who is this for?
02:06 - How are apps made?
04:20 - React Native beginnings
05:56 - How does RN work?
07:24 - React Native frameworks
08:48 - Why Expo?
10:08 - React Native beginnings
12:32 - Installing Node.js
14:17 - Creating a new Expo project
16:31 - Installing VSCode
17:54 - Running the app in Expo Go
19:25 - Simplifying the project
22:25 - Project overview
24:00 - Pokémon API overview
27:21 - Fetching Pokémon
31:27 - Using useState for Pokémon
32:24 - Displaying Pokémon in a list
34:23 - Creating a Pokémon TypeScript type
36:23 - Fetching Pokémon images
38:59 - Displaying Pokémon images
40:54 - Expanding Pokémon info
42:28 - Styling Pokémon card
43:56 - Getting Pokémon type from API
47:24 - Styling with StyleSheet from React Native
54:30 - Navigating to Pokémon details screen
58:15 - Customizing layout screens
59:55 - Passing route params to Pokémon details screen
1:00:52 - Getting route params
1:01:50 - Exercise for the viewer
1:03:19 - More Expo Router screens customization and presentations
1:05:07 - Screen customization using Stack
1:07:25 - Recap and next steps

Taught by

Code with Beto

Reviews

Start your review of React Native for Dummies 2025 - Full Beginner Crash Course

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.