Duration of the online course: 14 hours and 7 minutes
4.25
(8)
Build real mobile apps with React Native in this free course: Expo, navigation, APIs, Redux, storage, testing, and publishing for Android/iOS.
In this free course, learn about
What React Native is and what it’s primarily used for (cross-platform mobile apps)
Creating apps with Expo and when to eject to the bare workflow
Setting up React Native CLI (incl. Android on Windows) and configuring VS Code/IntelliSense
React Native project structure and the entry file that renders the UI (App.js)
Using hooks like useState; understanding state vs props
Styling with StyleSheet, responsive layouts with Flexbox, and default orientation behavior
Handling lists and scrolling: ScrollView vs FlatList and performance implications
Building forms and UI interactions: TextInput, Buttons/Touchables, Alert, Modal behaviors
Working with media: Images (source prop), custom fonts, and reusable custom components
Navigation patterns with React Navigation: stack, tabs with icons, drawer, and passing params
Debugging in VS Code (React Native Tools) and writing tests with Jest/Test Renderer
Persisting data offline with AsyncStorage and SQLite; why SQLite is used
State management with Redux and fetching API data (HTTP methods used)
Device/native features and release: push notifications, maps, camera module, APK/AAB publishing
About the free online course
Turn your JavaScript skills into real mobile apps with React Native. This free online course guides you from first setup to shipping features you would expect in production apps, helping you gain confidence building for both Android and iOS from a single codebase. You will understand when to start with Expo for speed, when to move to the React Native CLI for deeper control, and how to keep your workflow efficient using a modern editor setup and debugging tools.
Instead of stopping at simple screens, you will practice creating interfaces that feel native: reusable components, clean styling patterns, responsive layouts with Flexbox, and smooth experiences with lists, scrolling, forms, touch interactions, alerts, modals, and images. You will also learn how to structure projects in a way that scales, so your apps remain maintainable as features grow and new screens are added.
A key part of mobile development is navigation and app flow, and this course shows you how to move across screens using popular navigation patterns such as stacks, tabs, and drawers, including passing data between screens. You will then go further into real-world capabilities: using custom fonts, organizing global styles, and implementing data storage for offline-friendly experiences with options like AsyncStorage and SQLite.
To build apps that interact with real services, you will work with state management using Redux and fetching data from APIs, learning how to design predictable data flows and keep UI updates reliable. You will also explore device and platform integrations commonly requested in app projects, such as push notifications, maps, and camera access, giving you a stronger sense of how to connect your UI to native capabilities.
Finally, you will round out your developer workflow by learning the basics of testing with Jest and React Test Renderer, then move into the steps needed to generate release builds and publish to app stores. By the end, you will be better prepared for app development roles or freelance projects, with a practical understanding of how React Native apps are built, improved, and shipped.
Course content
Video class: The Complete React Native Course 2021 : from Zero to Hero6h45m
Exercise: _What is React Native?
Video class: React Native Tutorial #1 (2021) - Introduction - What is React Native07m
Exercise: What is React Native primarily used for?
Video class: React Native Tutorial #2 (2021) - Creating first app with Expo09m
Exercise: _What is the main advantage of using Expo to build a React Native app?
Video class: React Native Tutorial #3 (2021) - Creating Native App with React Native CLI11m
Exercise: What is required to develop an Android app on Windows using React Native CLI?
Video class: React Native Tutorial #4 (2021) - Configure Visual Studio Code for React Native Development09m
Exercise: _What is IntelliSense in Visual Studio Code?
Video class: React Native Tutorial #5 (2021) - Structure16m
Exercise: What is the primary file responsible for rendering the display in a React Native project?
Video class: React Native Tutorial #6 (2021) - Using the State Hook07m
Exercise: _What is the difference between state and props in React Native?
Video class: React Native Tutorial #7 (2021) - Styles09m
Exercise: What is recommended for styling in React Native?
Video class: React Native Tutorial #8 (2021) - Responsive UI with Flexbox08m
Exercise: _What is the default content orientation in React Native?
Video class: React Native Tutorial #9 (2021) - List, ScrollView08m
Exercise: What component is used to make a page scrollable?
Video class: React Native Tutorial #10 (2021) - FlatList08m
Exercise: _What is the advantage of using FlatList instead of ScrollView to display a list in React Native?
