Free Course Image Build Your First Universal React Native App

Free online courseBuild Your First Universal React Native App

Duration of the online course: 1 hours and 23 minutes

New

Launch your first universal React Native app with this free course—Expo setup, navigation, gestures, images, and deployment-ready polish in one path.

In this free course, learn about

  • Create and run your first Expo app; start the dev server to open in Expo Go via QR code
  • Add navigation with Expo Router and understand the role of the special app/ directory
  • Build screens with React Native UI primitives and structure a universal app layout
  • Design reusable custom components (e.g., ImageViewer, Button) for consistency and reuse
  • Use expo-image-picker to open the media library and let users select an image
  • Create and control modals; manage state to show/hide an EmojiPicker modal
  • Add gesture interactions with React Native Gesture Handler and required app setup
  • Capture a view as an image and save it to the device photo library (screenshot flow)
  • Handle platform differences, including alternate web image-saving when libraries differ
  • Configure StatusBar and splash screen; know you must rebuild after changing app.json splash settings

Course Description

Creating an app that feels at home on iOS, Android, and the web can seem overwhelming until you follow a clear, hands-on path. This free online course guides you through building your first universal React Native app with Expo, focusing on practical skills you can reuse in real projects. You will start from a clean setup, run the development server, and test instantly on your own device, making progress fast while learning the workflow used by modern app teams.

As you build, you will move from a basic project to an app with real structure and navigation using Expo Router. You will learn how a well-organized routing system helps you scale screens without turning the codebase into a maze, and how to design UI in a way that stays consistent across platforms. Along the way, you will create reusable components to keep your interface maintainable, easier to update, and more professional-looking as the app grows.

The course also covers the features that make apps feel truly native: selecting images from the device media library, presenting tools inside smooth modals, and adding gesture interactions for more intuitive controls. You will learn the required setup for gesture handling so your interactions work reliably, and you will implement screenshot capture and saving so users can export results directly to their photo library. Because universal apps need smart platform awareness, you will also address differences between mobile and web, including alternative approaches when a library does not support the browser environment.

To round things out, you will polish the user experience by configuring the status bar and splash screen, and understand what steps are necessary after changing configuration settings so your updates actually appear. By the end, you will have a complete foundation for building universal apps and the confidence to start new projects, extend features, and share a portfolio-ready result.

Course content

  • Video class: How to create your first Expo app | Universal App tutorial #1 09m
  • Exercise: Which command is used to start the Expo development server so you can scan a QR code and open the app in Expo Go?
  • Video class: How to add navigation to your app with Expo Router | Universal App tutorial #2 16m
  • Exercise: In Expo Router, what is the purpose of the special "app" directory?
  • Video class: How to build a screen in an Expo app | Universal App tutorial #3 11m
  • Exercise: What is the main purpose of creating reusable custom components like ImageViewer and Button in a universal Expo React Native app?
  • Video class: How to use an image picker | Universal App tutorial #4 07m
  • Exercise: Which method is used to open the device media library to select an image using expo-image-picker?
  • Video class: How to create a modal in React Native | Universal App tutorial #5 19m
  • Exercise: In this app, what controls whether the EmojiPicker modal is shown or hidden?
  • Video class: How to add gestures to an Expo App | Universal App tutorial #6 08m
  • Exercise: What is the required setup to make gesture interactions work properly in an Expo React Native app using React Native Gesture Handler?
  • Video class: How to take and save screenshots | Universal App tutorial #7 04m
  • Exercise: Which combination is used to capture a view as an image and then save it to the device photo library?
  • Video class: How to handle platform differences | Universal App tutorial #8 03m
  • Exercise: How can you handle saving an image on web when the previous screenshot library isn’t compatible?
  • Video class: How to configure status bar, splash screen 03m
  • Exercise: What must you do after changing splash screen settings in app.json?

This free course includes:

1 hours and 23 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

More free courses at App Development

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 5000 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 60 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate