Content tagged #React Native

Projects

Build a Headspace Clone with React Native, Expo and RevenueCat

Build a Headspace meditation app with React Native, Expo, and RevenueCat. Learn to integrate audio playback, smooth animations, and in-app subscriptions for a polished, monetizable mobile experience.

Let's build it

Build an Ecommerce Admin Dashboard with Next.js

Learn how to build a beautiful admin dashboard for managing products and orders of an ecommerce application using Next.js.

Let's build it

Building an Ecommerce App with React Native, Expo and Gluestack

Learn how to build a beautiful and responsive ecommerce app UI using React Native, Expo, and Gluestack, while integrating it with a custom-built REST API.

Let's build it

Master Full Stack Mobile Development with React Native and Supabase in Just 8 Hours

Take a complete journey from a beginner to an expert in Full Stack Mobile Development with our 8 hour Masterclass. Learn React Native, Expo, Expo Router and Supabase.

Let's build it

Build an Amazon Price Tracker App with React Native, Supabase, and BrightData

Learn to build an Amazon price tracker app using React Native, Supabase, and BrightData for web scraping. Get real-time updates and notifications on price drops!

Let's build it

Build a Meetup Clone with React Native, Expo and Supabase

Learn to build a Full Stack Meetup Clone using React Native, Expo and Supabase. Learn about UI creation, authentication and backend implementation.

Let's build it

Building the iOS 18 Photos app with React Native and Reanimated

Learn to build the iOS 18 photos app using React Native, Expo and Reanimated. Learn about UI creation, powerful animations and gesture handling.

Let's build it

Google Photos Clone with React Native and ImageKit

Learn to build the Google Photos app using React Native, Expo and ImageKit. Learn about UI creation, image optimisation and state handling.

Let's build it

Building an AI Chatbot for Expo docs: RAG Tutorial

Learn to build an AI Chatbot with React Native for Expo Docs and learn how to use Retrieval Augmented Generation Systems with this tutorial.

Let's build it

Building an e-Scooter App with React Native, Mapbox and Supabase

Learn to build an e-scooter app with React Native, Expo, Mapbox and Supabase; Build UI, implement authentication, database management, and API integration.

Let's build it

Instagram Clone with React Native, Expo, Supabase, and Cloudinary

Learn to build an Instagram clone using React Native, Expo, Supabase, and Cloudinary. Learn about UI creation, video handling, backend features, and push notifications.

Let's build it

Build a Voting App with React Native and Supabase

Learn to build a poll/voting app with React Native and Supabase. Master advanced navigation with Expo Router, secure authentication, and real-time syncing.

Let's build it

Build a Local-First Finance app with Expo & WatermelonDB

Learn how to build a powerful Local First Finance Application using Expo and WatermelonDB

Let's build it

MyFitnessPal Clone with React Native, Expo and Expo Router

Step-by-step guide to building a MyFitnessPal Clone using React Native, Expo and Expo Router

Let's build it

Build a Local First Trello Clone with React Native & Realm

Build a local first project management app, just like Trello, that works offline and syncs up the moment you’re back online

Let's build it

Apple Wallet Clone with React Native Reanimated

Let's build Apple Wallet using React Native, React Native Reanimated and React Native Gesture Handler.

Let's build it

#DEVember React Native Marathon

Master React Native in 24 Days by building 24 exciting projects 🤩

Let's build it

Formula 1 App with React Native

Let’s build the Formula 1 mobile app with React Native

Let's build it

Flight Price Comparison App

Let’s build a flight price comparison app that will scan the internet for the best deals ✈️

Let's build it

Spotify Clone

Build a Full Stack Spotify Clone using React Native, Spotify API, GraphQL and StepZen

Let's build it

Build Your Own Full-stack LinkedIn Clone

Build a complete Full-stack LinkedIn Clone using React Native, Expo, StepZen and PostgreSQL

Let's build it

Health Application with React Native: Step Counter

Build a Step Counter app using React Native. Starting from environment setup to creating an interactive UI, we'll cover everything you need to know. We'll also delve into integrating our app with Apple HealthKit and Android Health Connect to work with Health & Fitness data 🏋️‍♀️

Let's build it

Building a StackOverflow Clone: React Native Tutorial for Beginners

Let’s build a mobile client of the real StackOverflow app using React Native, StackOverflow API and StepZen

Let's build it

Build Your First App: Tesla Clone with React Native

Build a Tesla app in just a few hours. This tutorial is perfect for beginners who want to learn the basics of app development and React Native, as we will go step-by-step and explain everything on our way.

Let's build it

Tutorial for Beginners: React Native Tesla Clone

This is a beginner friendly tutorial for building a simple Tesla Clone with React Native and It covers the most important parts of building a working cross-platform application.

Let's build it

From our blog

React Native 0.76 - What’s new?

What’s new in the new version of React Native 0.76: New Architecture now by default, New React Native DevTools for better debugging, 15x Faster Metro build and smaller Android app, New boxShadow & filter style pr ops

How Starlink built 3d and AR in React Native & Expo

Starlink app is built with React Native and Expo. Here is how they are building the 3d and AR features using ExpoGL, Three.js and React Three Fiber

React Native IDE

React Native IDE has launched, and it’s a game changer for building React Native Apps without leaving VSCode

React Native Skia Video and 3d API with WebGPU

React Native Skia introduce support for Video and 3d using WebGPU

Expo SDK 51: What’s new?

Let’s explore the new updates from Expo SDK 51: React Native 0.75, Bridgeless mode, camera, expo video, Expo Router v3.5 and more

React Native 0.74: What’s new?

Let’s explore the new updates from React Native 0.74: Yoga 3, Bridgeless, batch layout updates, yarn 3

React Native Screens - Custom Screen Transitions based on Gesture

Learn how to implement custom navigation transitions based on gestures for the go-back transition in React Native using React Native Screens.

React Native Skia 1.0

React Native Skia 1.0 is stable and it brings exciting features such as Paragraph API, Animation hooks, Atlas API, Skottie for Lottie animations, canvaskit-js. Use react-native-skia to power your 2d drawing in React Native and Expo

How to use SWR in React Native - Fetch and Cache data

Explore the power of SWR for data fetching and caching in React Native

Netflix AI Recommendation System with Supabase Vector

Let’s build an AI Movie Recommendation System using Supabase Vector

🚀 Pre-Launch Checklist: 5 easy Must-DO Steps before you hit publish

Boost your app's launch success with these 5 essential pre-launch steps. Dive into best practices for testing, crash reporting, analytics, and over-the-air updates to ensure a smooth user experience.

Optimise Image Performance in React Native using AWS

Let’s dive into Image Performance Optimization in React Native. Starting with a slow-loading app, we explore the data loaded, then use Amazon's Serverless Image Handler to enhance the performance.

What's NEW in React Native 0.72?

React Native 0.72 comes with a lot of exciting updates. We'll explore Metro updates like Symlink and Package Exports Support, key developer experience improvements with enhanced error handling and React Native CLI, and much more!

Building a MacOS App with React Native: Is it Possible?

Let’s dive deep into the world of macOS app development using React Native, uncovering its possibilities and limitations, by building a real application that you can run natively on MacOS.

Integrating Stripe Payments in your E-commerce React Native App

Integrate Stripe Payments into your E-commerce React Native App and create a seamless payment experience for your customers

Let’s build the Ultimate Nike app with React Native and Redux

In this project-based tutorial, you will learn the fundamentals of React Native by building the UI of one of the most iconic shopping app - Nike. The application has a minimalistic UI which makes this tutorial easy to follow even if you are just getting st...

A Beginner's Guide to 3D Animations in React Native with three.js

Learn how to create stunning 3D animations in React Native using the Three.js library

Getting Started with React Native Local Push Notifications in React Native

Learn the basics of React Native Local Push Notifications in React Native. In this tutorial, we will be learning how to set up and use local push notifications in React Native.

Testing in React Native with Jest and React Native Testing Library

Learn how to test your React Native app with Jest and React Native Testing Library

Getting Started with Redux in React Native

Redux is one of the most used state management libraries in React and React Native. In this article, we will learn how to get started with Redux in React Native. Not only the basics but we will also cover all the important related topics!

FlatList animations in React Native with Reanimated

The skill of creating animation in your project can set you apart as a react native developer. A lot of the real use cases of the animations in a project depends on integrating the animation with FlatList. In this blog post, we will be exactly doing that.

Custom animations in React Native with Reanimated

In this blog post we will be learning how to create custom animations in React Native with Reanimated.

7 must-have tools for React Native developers

As a React Native developer, having the right tools in your toolkit can make all the difference in your productivity and the quality of your work. In this post, we'll be looking at 7 must-have tools that every React Native developer should consider using.

Using ChatGPT with React Native and NextJS to build a cross platform AI app

Let's use ChatGPT, React Native, and Next.js to build a Christmas gift generator. We will walk you through the process of building both the web app and the mobile app, and we'll learn how to use Chat GPT to power the gift suggestion feature and also deploy...

Build a Chat App with Stream SDK

Let’s build a fully-fledged Chat application with React Native and Stream Chat SDK. Shall we?

Virtual Events App [React Native | Nhost] (notJust.Hack Workshop)

Build a full-stack Virtual Events App with React Native and Nhost during our workshops from notJust.Hack

Virtual Events app with React Native (notJust.Hack Workshop)

Learn how to build a Virtual Events App with React Native with our workshops from notJust.Hack

Let's build a Books App with React Native (tutorial for beginners)

In this tutorial, we will build a Books App similar to GoodReads that will allow users to search for books and keep track of the books that they have read. This is an excelent opportunity to learn and practice: React Native, StepZen, GraphQL, Apollo Client...

Create a Dynamic Digital Clock in React Native

In this blog post we will be learning how to work with date-time and learn the functionality of creating a clock that renders time dynamically.

Building the iOS 16 Lock Screen - UI

Learning by doing is one of the most effective ways to learn. In this series, We will be building a lock screen UI similar to iOS 16 from scratch using React Native and Reanimated. This is the first part of the series where we will be building the UI.

React Native Performance Optimisation (useMemo, useCallback, memo)

Good app performance is one of the key factors in creating a pleasant user experience and thus expanding your user base. Therefore, in this blog I will cover three different optimistaion techniques that will help you to achieve that: useMemo, useCallback a...

FlatList Is Killing The Performance Of Your App (FlashList vs FlatList)

Lists are one of the most common components in React Native, but the FlatList has always been known for its bad performance as well as being buggy when dealing with large lists. FlashList comes to solve this problem as a fast and performant React Native li...

How To Publish React Native CLI Application To The Google Play Store

In this tutorial, you will learn everything that you need to know in order to publish your React Native CLI application to the Google Play Store. We will cover every step from creating a developer account to releasing new updates for your application.

How To Publish React Native CLI Application To The Apple App Store

In this tutorial, you will learn everything that you need to know in order to publish your React Native CLI application to the Apple App Store. We will cover every step from creating a developer account to releasing new updates for your application.

How To Publish Expo React Native Application To The Google Play Store

In this tutorial, you will learn everything that you need to know in order to publish your application to the Google Play Store. We will cover everything from creating a developer account to releasing new updates for your application.

How To Publish Expo React Native Application To The Apple App Store

In this tutorial, you will learn everything that you need to know in order to publish your application to the Apple App Store. We will cover everything from creating a developer account to releasing new updates for your application.

Build a full stack UBER EATS clone - 5 Days Challenge

Join the challenge and build a Full-stack Uber Eats clone, including 2 React Native apps and their backend in just 5 DAYS

Top 5 ways to monetize your mobile application

Monetize your mobile application with these 5 strategies and start making money doing the things you love most.

React Native Development Environment Setup for Your First Project (Windows)

This steb-by-step guide will walk you through the React Native CLI Environment setup for Windows users in order to prepare you for your first React Native project.

Expo Development Environment Setup on Windows

This steb-by-step guide will walk you through the Expo Development Environment setup for Windows users to prepare you for your first React Native project.

Get started with Recoil by building a Fantasy app in React Native

Learn Recoil by building a real project using React Native. Recoil is the new state management library that thinks and acts like React.

In-App Subscriptions in React Native made easy with RevenueCat

In this blog post, I am going to show you how you can easily integrate In-App Subscriptions in your React Native application using RevenueCat

How I developed an App (from 0 to market) in a 12H Livestream

From the time I started doing youtube, I had this idea in mind to do a 12H Livestream and to build something. It was inspired by the extreme challenges of Mr. Beast's. However, I always procrastinated doing it because I was kinda scared (12 hours coding wi...

From idea to $80B company - UBER's success story

2019 was a year with a lot of successful companies going public, but today I want to speak specifically about the company with the biggest valuation, which is Uber. Uber Technologies (UBER) explosive growth and constant controversy made it one of the ...