React Native Tutorial for Beginners (Codevolution)

About this course

Codevolution's React Native course covers the core components, styling and layout with flexbox, user input, lists and navigation, and finishes with Expo Router. Who it's for: React developers who want to build mobile apps. These are the free, official videos of the "React Native Tutorial for Beginners" playlist from the Codevolution YouTube channel (youtube.com/@codevolution). All videos belong to Codevolution; Sikhami is not affiliated with Codevolution and simply arranges the public playlist into a course, so you can learn one lesson at a time and keep track of your progress.

What you will learn

• Setting up React Native with Expo • Core components: View, Text, Image, ScrollView, Pressable and more • Styling and layout with flexbox • Building a Pokemon card project • Forms and inputs such as switches • Lists, stack and tab navigation, and Expo Router with API routes

Course content

1 section · 97 lectures · 7h 26m

1. 1. React Native Tutorial for Beginners

   • React Native Tutorial - 1 - Introduction4m
   • React Native Tutorial - 2 - Expo vs React Native2m
   • React Native Tutorial - 3 - Hello World5m
   • React Native Tutorial - 4 - Running App on Device2m
   • React Native Tutorial - 5 - Running App on iPhone Simulator2m
   • React Native Tutorial - 6 - Running App on Android Emulator4m
   • React Native Tutorial - 7 - Core Components2m
   • React Native Tutorial - 8 - View6m
   • React Native Tutorial - 9 - Text3m
   • React Native Tutorial - 10 - Image5m
   • React Native Tutorial - 11 - Scroll View3m
   • React Native Tutorial - 12 - Button4m
   • React Native Tutorial - 13 - Pressable4m
   • React Native Tutorial - 14 - Modal6m
   • React Native Tutorial - 15 - Status Bar3m
   • React Native Tutorial - 16 - Activity Indicator3m
   • React Native Tutorial - 17 - Alert4m
   • React Native Tutorial - 18 - Custom Components3m
   • React Native Tutorials - 19 - Styling1m
   • React Native Tutorial - 20 - StyleSheet API5m
   • React Native Tutorials - 21 - Multiple Styles5m
   • React Native Tutorials - 22 - Box Model5m
   • React Native Tutorials - 23 - Shadow and Elevation3m
   • React Native Tutorials - 24 - Style Inheritance4m
   • React Native Tutorial - 25 - Layout with Flexbox2m
   • React Native Tutorial - 26 - Code Setup5m
   • React Native Tutorial - 27 - Flex6m
   • React Native Tutorial - 28 - Flex Direction3m
   • React Native Tutorial - 29 - Justify Content4m
   • React Native Tutorial - 30 - Align Items3m
   • React Native Tutorial - 31 - Align Self4m
   • React Native Tutorial - 32 - Flex Wrap3m
   • React Native Tutorial - 33 - Align Content3m
   • React Native Tutorial - 34 - Gap2m
   • React Native Tutorial - 35 - Flex Basis2m
   • React Native Tutorial - 36 - Flex Shrink3m
   • React Native Tutorial - 37 - Flex Grow4m
   • React Native Tutorial - 38 - Relative and Absolute Layout4m
   • React Native Tutorial - 39 - Dynamic User Interfaces2m
   • React Native Tutorial - 40 - Dimensions API5m
   • React Native Tutorial - 41 - Dimensions API Drawback7m
   • React Native Tutorial - 42 - useWindowDimensions1m
   • React Native Tutorial - 43 - SafeAreaView4m
   • React Native Tutorial - 44 - Platform Specific Code8m
   • React Native Tutorial - 45 - Build a Pokemon Card (1/6)4m
   • React Native Tutorial - 46 - Build a Pokemon Card (2/6)2m
   • React Native Tutorial - 47 - Build a Pokemon Card (3/6)4m
   • React Native Tutorial - 48 - Build a Pokemon Card (4/6)3m
   • React Native Tutorial - 49 - Build a Pokemon Card (5/6)6m
   • React Native Tutorial - 50 - Build a Pokemon Card (6/6)2m
   • React Native Tutorial - 51 - Lists6m
   • React Native Tutorial - 52 - FlatList6m
   • React Native Tutorial - 53 - Item Separator1m
   • React Native Tutorial - 54 - List Empty1m
   • React Native Tutorial - 55 - List Header and Footer2m
   • React Native Tutorial - 56 - SectionList5m
   • React Native Tutorial - 57 - Inputs and Forms2m
   • React Native Tutorial - 58 - TextInput5m
   • React Native Tutorial - 59 - TextInput Props3m
   • React Native Tutorial - 60 - Multiline TextInput2m
   • React Native Tutorial - 61 - Switch4m
   • React Native Tutorial - 62 - Login Form5m
   • React Native Tutorial - 63 - KeyboardAvoidingView4m
   • React Native Tutorial - 64 - Form Validation2m
   • React Native Tutorial - 65 - Form Submission2m
   • React Native Tutorial - 66 - Networking3m
   • React Native Tutorial - 67 - GET Requests7m
   • React Native Tutorial - 68 - Loading State2m
   • React Native Tutorial - 69 - Pull to Refresh3m
   • React Native Tutorial - 70 - POST Request7m
   • React Native Tutorial - 71 - Error Handling6m
   • React Native Tutorial - 72 - Navigation3m
   • React Native Tutorial - 73 - Stack Navigation6m
   • React Native Tutorial - 74 - Navigation between Screens4m
   • React Native Tutorial - 75 - Passing Data between Screens4m
   • React Native Tutorial - 76 - Stack Navigation Options5m
   • React Native Tutorial - 77 - Dynamic Stack Navigator Options3m
   • React Native Tutorial - 78 - Drawer Navigation7m
   • React Native Tutorial - 79 - Drawer Navigation Options2m
   • React Native Tutorial - 80 - Tab Navigation4m
   • React Native Tutorial - 81 - Tab Navigation Options4m
   • React Native Tutorial - 82 - Nesting Navigators3m
   • Expo Router Tutorial - 1 - Introduction4m
   • Expo Router Tutorial - 2 - Project Setup4m
   • Expo Router Tutorial - 3 - File-based Routing7m
   • Expo Router Tutorial - 4 - Dynamic Routes6m
   • Expo Router Tutorial - 5 - Catch all Segments6m
   • Expo Router Tutorial - 6 - Not found Route4m
   • Expo Router Tutorial - 7 - Layouts5m
   • Expo Router Tutorial - 8 - Route Groups6m
   • Expo Router Tutorial - 9 - Navigation8m
   • Expo Router Tutorial - 10 - Stack Navigation8m
   • Expo Router Tutorial - 11 - Tab Navigation9m
   • Expo Router Tutorial - 12 - Drawer Navigation6m
   • Expo Router Tutorial - 13 - Modals5m
   • Expo Router Tutorial - 14 - Platform-specific Code5m
   • Expo Router - 15 - API Routes14m