🚀 Level up your mobile dev skills at https://codewithbeto.dev/learn! Use code HACKTHEPRICE25 for 25% OFF!

Master React Native alongside me → https://codewithbeto.dev/learn

👨🏻‍💻  🌟  Be the mobile expert on your team 🌟  👨🏻‍💻
Learn mobile development with courses, templates, and full-stack codebases built to help you ship better apps: 

- React Native Course → https://codewithbeto.dev/learn
- React with TypeScript Course → https://codewithbeto.dev/learnReact
- Git & GitHub Course → https://codewithbeto.dev/learnGit

For other ways to support my work, please consider:

- GitHub Sponsors: https://github.com/sponsors/betomoedano
- Become a Code with Beto channel member: https://www.youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join

⌚️  Timestamps ⌚️
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  

⭐️   If you want to learn more about me, check this links: 

Code With Beto → https://codewithbeto.dev
🦋 → https://bsky.app/profile/codewithbeto.dev
X → https://x.com/betomoedano
Github → https://github.com/betomoedano
Linkedin → https://www.linkedin.com/in/betomoedano/
Discord → https://discord.com/invite/dbYfWFw862
Medium → https://medium.com/@betomoedano01
Figma → https://www.figma.com/@codewithbeto

#reactnative #expo  #reactnativetutorial

Code with Beto

A beginner-friendly crash course on React Native and Expo covering the fundamentals of mobile development. Explains how React Native works under the hood (JSI bridge, JavaScript vs native side), why Expo is recommended, and walks through building a Pokédex app from scratch. Topics covered include fetching data from a REST API (PokéAPI), rendering lists with ScrollView, managing state with useState and useEffect, styling with StyleSheet and flexbox, and navigating between screens using Expo Router with dynamic parameters and form sheet presentations.

React Native for Dummies 2026 – Full Beginner Crash Course