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

Udemy

React Native by Projects: From Basics to Pro

via Udemy

Overview

Build real-world apps with React Native, API integration, Authentication, Gestures, Animation & Advance App Using RN CLI

What you'll learn:
  • You will learn how to build an app that can be published to playstore
  • You will learn how to work with typescript and react native
  • You will learn to work with react native cli instead of expo
  • You will learn to add native code to your react native app

Learn React Native the practical way — by building real-world apps with modern tools, TypeScript, animations, gestures, and image editing.

Are you ready to go from React Native beginner to confident mobile app developer?

This course is built for learners who don’t just want to watch tutorials, but want to build actual apps that showcase real skills — apps that you can proudly show in your portfolio.


What You’ll Learn

We start from absolute setup — installing Node.js, configuring Android Studio or Xcode (yes, we cover both Mac and Windows).
Even if you’re on Windows (like I was when I started!), you can still learn and build Android apps — and once you grow, you’ll be able to switch to Mac when you’re ready to publish to iOS.

Once your environment is ready, we’ll lay the foundation. You’ll learn:

  • The essentials of React needed for React Native

  • TypeScript basics as we use it throughout the course

  • Best practices for writing clean, maintainable code

Then, the real fun begins: we build projects that grow with your skillset.


Projects You'll Build


1. Calculator App

Your first app — but not just buttons and math. You’ll build clean UI using Flexbox, and learn how to handle layout challenges. Plus, you’ll get into TypeScript interfaces and generics to make your code robust.


2. E-Commerce UI App (with API integration)

Connect your app to a Node.js API (provided) and learn:

  • Authentication (login/signup)

  • Managing a cart

  • Displaying products using advanced FlatList features

  • Creating an image slider

  • Uploading images to the server


This project will give you real-world experience with API calls, state management, and user flows.


3. Image Editor App (The Star Project)

Here’s where it all comes together. This advanced project covers:

  • Requesting media permissions

  • Selecting and saving images

  • Building custom UI with React Native Skia

  • Working with animations and gesture handling

  • Using canvas to draw, crop, and edit images

By the end, you’ll have a stunning image editor that you can proudly include in your portfolio.


What You'll Get:

  • Practical, project-based learning

  • Modern React Native + TypeScript

  • Real-world skills like API integration, media handling, gestures & animations

  • A deep understanding of how to build and structure mobile apps


Requirements:

  • Basic understanding of JavaScript and web development

  • A computer with internet access

  • Most importantly: a passion to learn and build amazing apps!

I created this course because I learned React Native the hard way — and I want to help you learn it the smart way: by building.

So if you’re ready to stop jumping between tutorials and start creating real mobile apps...

Enroll now and start building your React Native journey today!

Syllabus

  • History
  • Fundamentals
  • The Shortest React Code Ever
  • TypeScript
  • First Project
  • Second Project
  • Image Editor
  • Basics of TypeScript
  • How Do I Think
  • Environment Setup
  • React Native & Typescript
  • Home Screen
  • Navigation
  • Image Editor UI
  • Adding Logics to Image Editor
  • Logics - Native Module
  • Bugs
  • Publishing The App
  • Bonus

Taught by

Niraj Dhungana

Reviews

4.4 rating at Udemy based on 69 ratings

Start your review of React Native by Projects: From Basics to Pro

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.