Let's build a Medium Paywall in React Native with RevenueCat (tutorial)

2024 ж. 19 Мам.
17 290 Рет қаралды

Learn how to implement in-app purchases with RevenueCat by building a Medium style Paywall with React Native.
⚡ Get your free RevenueCat account: bit.ly/39gnpYp
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%
academy.notjust.dev/
In this video, we will cover the whole process of creating, setting up, querying, buying, and managing In-App Subscription in React Native with the help of RevenueCat
🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies):
assets.notjust.dev/medium-pay...
💬 Join the notJust Development gang and let's build together
/ discord
Tag me on social media when you finish this build, and I will give you feedback on your project.
➤ / vadimnotjustdev
➤ / vadimnotjustdev
➤ / vadimsavin
➤ / vadimnotjustdev
Timecodes:
00:00 Intro
01:13 What are in-app purchases?
02:56 Revenue Cat
05:08 Step 1 - Let's get started
08:24 Step 2 - Install Purchases
16:12 Step 3 - Create a new RevenueCat app
16:56 Step 4 - Setup in-app purchases on the Apple App Store
27:50 Step 5 - Setup in-app purchases on Play Market
33:45 How Revenue Cat groups in-app purchases
41:38 The Coding Part
43:43 Display available products on the paywall
54:36 Make a purchase
58:10 Test buying in-app purchases
01:04:07 Get the Subscription status
01:06:59 Listen for Purchaser Info updates
01:08:36 Implement the Restore Purchases Mechanism
01:11:05 Identify users
01:14:21 Congratulations!
Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#VadimSavin #notjustdev #revenuecat

Пікірлер
  • Vadim, thank you for taking your time to walk through this. It’s awesome.

    @christophergabba5431@christophergabba5431 Жыл бұрын
  • Wow this is exactly what I need. Thank you so much! 💛

    @kehrin@kehrin Жыл бұрын
  • Thank you for the build Vadim.

    @zainulabdinshaikh2758@zainulabdinshaikh2758 Жыл бұрын
  • Thank you, Vadim. It is very useful!

    @andriikostenko2379@andriikostenko237911 ай бұрын
  • Awesome Video buddy!! Keep up the great work!

    @SonnySangha@SonnySangha Жыл бұрын
    • Hey Sonny, thanks a lot buddy. I appreciate your support! I must say, you are doing an amazing work for the community. Keep up the fire!

      @notjustdev@notjustdev Жыл бұрын
  • Thank bro for all your content 😊

    @vikrantsingh3210@vikrantsingh32102 жыл бұрын
    • My pleasure 😊

      @notjustdev@notjustdev2 жыл бұрын
    • @@notjustdev you are fkin amazing

      @atomauro@atomauro Жыл бұрын
  • Thanks bro, does RevenueCat works with expo-purchases (expo CLI) or only with react-native-purchases?

    @LotfiORouis@LotfiORouis2 жыл бұрын
  • Very helpful video, Could you make a new tutorial for adapty? The old video is outdated.

    @tiinaaaltonen2035@tiinaaaltonen20359 ай бұрын
  • Let's goo!

    @blendermaster8934@blendermaster89342 жыл бұрын
    • Lessssss go!

      @notjustdev@notjustdev2 жыл бұрын
  • I am looking forward you to represent an tutorial how can we monetize with Admob or Facebook Audience Network SDK by using React Native CLI project.

    @chanmyaemaung@chanmyaemaung2 жыл бұрын
  • Bro may i know when we are upgrading or downgrading our membership how we can test refund with sandbox credential.?

    @abhishekahirwar9783@abhishekahirwar9783 Жыл бұрын
  • Thanks!

    @quentin578@quentin578 Жыл бұрын
    • You are the best Quentin. Thanks for your support

      @notjustdev@notjustdev Жыл бұрын
  • ¡Gracias!

    @femeninapp2856@femeninapp28565 ай бұрын
    • Gracias a ti por todo lo que aportas.

      @femeninapp2856@femeninapp28565 ай бұрын
  • Thank you for all the content. Plz answer me. Can you create olx clonewith react native? We can't wait for that challenge!

    @madjedsolt5878@madjedsolt58782 жыл бұрын
    • Hey, thanks. I haven't heard of olx, but I can have a look

      @notjustdev@notjustdev2 жыл бұрын
  • Nice ✌🏻😄

    @universecode1101@universecode11012 жыл бұрын
    • Thanks ✌

      @notjustdev@notjustdev2 жыл бұрын
  • I have a question regarding amplify graphql queries, if I have 2 tables like admins and other is users if I want to search id in both tables in schema field can I do that?

    @coolpetz2803@coolpetz28032 жыл бұрын
    • I don't think I understood your use case. Can you elaborate?

      @notjustdev@notjustdev2 жыл бұрын
    • @@notjustdev I have 2 dynamo tables named usergroup1 and usergroup2 and I want to add a field to the model with connection by usergroup1 and usergroup2 by id, if id is in usergroup1 it should return that user and if its in usergroup2 then it should return the user from group2, can we do that on schema by querying? like user:userfromfroup1 or userformgroup2 @connection(fields:('id)). like this

      @coolpetz2803@coolpetz28032 жыл бұрын
  • Hi every one, I'm implementing revenueCat with REACT NATIVE, I'm getting stuck, after uploading Service Account Credentials JSON file for android , I see " Could not validate Subscription API Permission", and Per doucmentation I waited more then 36 hours, But on IOS is working fine. Any help would be appreciated , Thanks

    @basi05@basi0511 ай бұрын
  • Bro plZZ make react native resso music clone using js not typescript

    @gouravnainwaya5669@gouravnainwaya56692 жыл бұрын
  • VIDEO EDITOR NEXT BUILD

    @quotegamer709@quotegamer7092 жыл бұрын
  • bro please make MERN stack full course for beginner (react native Rest api mongo nodejs)

    @natnael-oqp5082@natnael-oqp50822 жыл бұрын
  • where's the assent bundle??

    @technicalanubhav5719@technicalanubhav57192 жыл бұрын
    • Thanks for reminding, here it is: assets.notjust.dev/medium-paywall

      @notjustdev@notjustdev2 жыл бұрын
  • Is it safe to write IOS and Android REVCAT_KEY on the client side ?

    @tanny3080@tanny3080 Жыл бұрын
  • Please create Medium clone

    @joscript7846@joscript7846 Жыл бұрын
KZhead