Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
🔴 Let’s build IN-APP SUBSCRIPTIONS with REACT NATIVE (RevenueCat, Tailwind CSS, Paywall, TypeScript)
Play lesson

🔴 React.js Clones by PAPA React - 🔴 Let’s build IN-APP SUBSCRIPTIONS with REACT NATIVE (RevenueCat, Tailwind CSS, Paywall, TypeScript)

5.0 (0)
12 learners

What you'll learn

This course includes

  • 215.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course 🫂 Join my Community, "University of Code" for FREE: https://www.universityofcode.com 🔴 LOOKING FOR THE CODE? 🛠️ https://links.papareact.com/github Join me as show you how to build in-app subscriptions with React Native. You'll learn the following in this build: 👉 How to add in-app subscriptions to ANY React Native App 👉 How to add Monthly & Annual in-app Subscriptions with localised pricing! 👉 How to integrate RevenueCat into an Expo app to easily manage your in-app subscriptions! 👉 How to set up App Store Connect 👉 How to set up Expo Application Services (EAS) using the EAS-CLI tools! (including how to deploy a development build to a LIVE iOS device!) 👉 How to add Tailwind CSS to your React Native app to seamlessly elevate your design! 👉 Add Expo Icons to level up your app's UI! 👉 How to add React Native Navigation to your application 👉 How to use TypeScript to reduce the overall number of Bugs and Errors 👉 How to write a custom hook in React + So Much More! 🎵 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST? Sign up for the PAPAFAM Newsletter here 👉 https://links.papareact.com/newsletter 👇🏻 FOLLOW ME HERE: Instagram: https://links.papareact.com/instagram Facebook: https://links.papareact.com/facebook LinkedIn: https://links.papareact.com/linkedin Twitter: https://links.papareact.com/twitter Discord: https://links.papareact.com/discord 💰 WANT TO SUPPORT THE CHANNEL? Donate here: https://links.papareact.com/donate Grab some PAPA Merch: https://links.papareact.com/merch 🕐 TIMESTAMPS: 00:00 Introduction 01:25 Build Tech & Showcase 06:22 RevenueCat Sponsorship 9:41 Zero to Full Stack Hero 10:31 Initialising the Build (1/2) 11:37 Setting Up Expo 17:27 Initialising the Build (2/2) 18:47 Setting Up Native Wind & Tailwind CSS 24:14 Setting Up a Temporary iOS Simulator 35:05 Setting Up RevenueCat 37:25 Setting Up React Native Navigation 42:26 Building the Home Screen (1/2) 47:25 Building the Image in the Home Screen 49:20 Building the Pro / Upgrade Button in the Home Screen 55:06 Building the Action Row Component (1/2) 1:09:53 Creating the Demo Screen 1:11:16: Creating a Navigation React Hook 1:12:43 Setting up Type Definitions 1:13:54 Building the Action Row Component (2/2) 1:15:34 Building the Demo Screen 1:20:35 Creating the Paywall Screen 1:22:06 Building the Home Screen (2/2) 1:24:36 Building the Paywall Screen (1/2) 1:27:34 Building the Content Section of the Paywall Screen 1:31:22 Explaining RevenueCat 1:32:33 Setting Up App Store Connect 1:47:53 Creating Subscriptions using App Store Connect 1:58:00 Linking App Store Connect to RevenueCat 2:09:57 Creating a Custom React Hook for RevenueCat 2:22:04 Creating a Development Build 2:31:16 Testing the Development Build 2:32:01 Implementing Monthly Subscription Tier 2:37:23 Trying to Implement a Free Trial Functionality 2:40:35 Building the Paywall Screen (2/2) 2:48:25 Testing the Monthly Subscription 2:54:08 Implementing Annual Subscription Tier 2:57:17 Implementing Restore Purchases Functionality 2:58:58 Testing the Annual Subscription 3:03:10 Implementing the Free Trial Functionality 3:16:06 Final Build Demo 3:24:37 Final Build Summary 3:25:18 Outro Let’s get it PAPAFAM 🔥. DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with FASTFIT and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes. #reactnative #appdevelopment #typescript #javascript #tailwindcss #revenuecat #tutorial #ios #android #reactjs

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere