πŸ”΄ Let’s build IN-APP SUBSCRIPTIONS with REACT NATIVE (RevenueCat, Tailwind CSS, Paywall, TypeScript)

Sonny Sangha β€’ January 26, 2023
Video Thumbnail
Sonny Sangha Logo

Sonny Sangha

View Channel

About

I'm Sonny. πŸ’― You might also know me as PAPA React! I've been coding for over 10 years now. As a Full Stack developer I've worked both with startups and large corporations to help build & scale their companies. Along the journey I realised my passion existed in helping others excel and pursue their dreams as upcoming developers and if that’s not enough I have cloned most of the applications you have used in your life! 🌟 🚨 Join the world’s BEST developer community β€œZero to Full Stack Hero” NOW: https://www.papareact.com/course

Video Description

🚨 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 πŸ“© Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycodingchallenges 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

You May Also Like

Urgent DIY Craft Supplies

AI-recommended products based on this video

Loading...
Mibly [125 Count] 6 Inch Jumbo Multipurpose wooden Popsicle sticks, Wood Craft Supplies, Lollipop Lolly Sticks, Wooden Tongue Depressor, Wax Sticks for Waxing, Ice Cream Sticks

Mibly [125 Count] 6 Inch Jumbo Multipurpose wooden Popsicle sticks, Wood Craft Supplies, Lollipop Lolly Sticks, Wooden Tongue Depressor, Wax Sticks for Waxing, Ice Cream Sticks

(110)
$6.29
FREE delivery Thu, Sep 11 on your first order
800+ bought in past month
Loading...
Handmade 3pcs in Set Cowboy Boots and Hat Clip on Charm for Diy Necklace Bracelet Bags, Enamel Charm Western Style Jewelry Accessories

Handmade 3pcs in Set Cowboy Boots and Hat Clip on Charm for Diy Necklace Bracelet Bags, Enamel Charm Western Style Jewelry Accessories

(0)
$11.02
FREE delivery Sat, Jun 14 on your first order
Loading...
Paper Cats Origami Kit, 50pcs DIY 3D Origami Animal Kit for Create Adorable Paper Cats, Creative Craft Activity for Cat Lovers, Fun Home Desk Decor, Christmas Birthday Gift(Cat)

Paper Cats Origami Kit, 50pcs DIY 3D Origami Animal Kit for Create Adorable Paper Cats, Creative Craft Activity for Cat Lovers, Fun Home Desk Decor, Christmas Birthday Gift(Cat)

(3)
$12.99
FREE delivery Fri, Dec 5 on your first order
700+ bought in past month
Loading...
Art Kit, 272 Pack Art Set Drawing Kit for Kids Girls Boys, Deluxe Gift Art Supplies with Trifold Easel, Origami Paper, Coloring Pad, Sketch Pad, Pastels, Crayons, Pencils, Watercolors (Pink)
Best Seller

Art Kit, 272 Pack Art Set Drawing Kit for Kids Girls Boys, Deluxe Gift Art Supplies with Trifold Easel, Origami Paper, Coloring Pad, Sketch Pad, Pastels, Crayons, Pencils, Watercolors (Pink)

(422)
$29.99
FREE delivery Sat, Jun 14 on your first order
200+ bought in past month
Loading...
Christmas Wrapping Paper Sheets 67 Number Santa Hat Print White Gift Wrap for Presents DIY Crafts Three Sizes 18 x 20 30 x 20 30 x 70 Inch (A, 30X70inch)

Christmas Wrapping Paper Sheets 67 Number Santa Hat Print White Gift Wrap for Presents DIY Crafts Three Sizes 18 x 20 30 x 20 30 x 70 Inch (A, 30X70inch)

(4)
$12.49
$1.99 delivery Nov 20 - 24
Loading...
llano RGB Laptop Cooling Pad with Powerful Turbofan Gaming Cooler Radiator with Infinitely Variable Speed, Touch Control, LCD Screen, 3-Port USB Hub, Seal Foam for Notebook Computer 15-19in

llano RGB Laptop Cooling Pad with Powerful Turbofan Gaming Cooler Radiator with Infinitely Variable Speed, Touch Control, LCD Screen, 3-Port USB Hub, Seal Foam for Notebook Computer 15-19in

(1,404)
$129.99
Prime
200+ bought in past month
Loading...
Cervical Neck Pillow, Memory Foam Pillows for Neck and Shoulder Pain Relief, 2 Heights Ergonomic Pillow with Breathable Ice Silk Cover, Neck Support Pillow for Side Back Stomach Sleepers, Odorless OEKO-TEX STANDARD 100

Cervical Neck Pillow, Memory Foam Pillows for Neck and Shoulder Pain Relief, 2 Heights Ergonomic Pillow with Breathable Ice Silk Cover, Neck Support Pillow for Side Back Stomach Sleepers, Odorless OEKO-TEX STANDARD 100

(362)
$55.99
Loading...
Fyova Cervical Neck Pillow, Ergonomic Memory Foam Pillows for Neck Pain Relief with Breathable Pillowcase, Adjustable Contour Neck Support Pillow for Side Back Stomach Sleepers, Odorless OEKO-TEX STANDARD 100

Fyova Cervical Neck Pillow, Ergonomic Memory Foam Pillows for Neck Pain Relief with Breathable Pillowcase, Adjustable Contour Neck Support Pillow for Side Back Stomach Sleepers, Odorless OEKO-TEX STANDARD 100

(14)
$89.99
FREE delivery Fri, Oct 3
Loading...
TREKOLOGY ALUFT Pro Inflatable Camping Pillow – Memory Foam Layer for Quiet Sleep – Removable Washable Cover – Ergonomic, Lightweight 245g – Grey – Travel, Hiking, Backpacking

TREKOLOGY ALUFT Pro Inflatable Camping Pillow – Memory Foam Layer for Quiet Sleep – Removable Washable Cover – Ergonomic, Lightweight 245g – Grey – Travel, Hiking, Backpacking

(12)
$29.99
FREE delivery Mon, Jul 7 on your first order
Loading...
DOWN HOME Cooling Comforter Queen Size, Cooling Blanket for Hot Sleepers All Season, Q-max>0.4 Double-Side Cold Fabric, Bamboo Breathable Lightweight Summer Duvet Soft Quilt, Blue Strips, 90"x90" OEKO-TEX STANDARD 100

DOWN HOME Cooling Comforter Queen Size, Cooling Blanket for Hot Sleepers All Season, Q-max>0.4 Double-Side Cold Fabric, Bamboo Breathable Lightweight Summer Duvet Soft Quilt, Blue Strips, 90"x90" OEKO-TEX STANDARD 100

(37)
$112.99$99.99
$13.98 delivery Wed, Sep 3
Loading...
DOWN HOME Cooling Comforter King Size, Cooling Blanket for Hot Sleepers All Season, Q-max>0.4 Double-Side Cold Fabric, Bamboo Breathable Lightweight Summer Duvet Soft Quilt, Blue Strips, 90"x108" OEKO-TEX STANDARD 100
Best Seller

DOWN HOME Cooling Comforter King Size, Cooling Blanket for Hot Sleepers All Season, Q-max>0.4 Double-Side Cold Fabric, Bamboo Breathable Lightweight Summer Duvet Soft Quilt, Blue Strips, 90"x108" OEKO-TEX STANDARD 100

(33)
$115.49$109.99
$15.55 delivery Sep 9 - 11
1K+ bought in past month