React Native In App Purchases and Subscriptions with RevenueCat (Tutorial)

Ғылым және технология

Let's learn How to implement In-App Purchases and Subscriptions in a React Native project using RevenueCat.
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%
academy.notjust.dev/
We will cover the whole process, from what is revenue cat, to installing and configuring the library, managing subscription products and users, building a paywall and buying the products.
⚡Get your free RevenueCat account:
bit.ly/3eqmZSI
⚡If you want to code along, download the asset bundle (Starter project, Presentation)
assets.notjust.dev/revenuecat
⚡Revenue Cat Documentation:
docs.revenuecat.com/docs/gett...
⚡Join the notJust Development gang and let's build together: / discord
LinkedIn: / vadimsavin​
IG: / vadimsavin0​
Twitter: / savinvadim_
⏱ Time Stamps ⏱
00:00 Intro
02:10 What are In-app Subscriptions?
03:58 What is RevenueCat?
05:43 Prerequisites
06:17 Create a new RevenueCat App
08:00 Setup the Service Account on Play Market
09:08 Setup subscription products on Play Market
13:33 Setup subscription products on App Store
19:02 Setup Subscription p8 key file from App Store
20:22 RevenueCat Products, Entitlements, and Offerings
26:55 Coding Time: Setup starter project
30:14 Install react-native-purcahses
32:12 Configure Purchases
36:19 Display available products
45:55 Make a Purchase
56:04 Get the subscription status
1:00:16 Restore Transactions
1:02:28 Identify Users (Login, Log out)
1:11:12 Listen for Purchaser Info Updates
1:13:33 Congrats, you have integrated subscriptions!
#VadimSavin #notJustDevelopment #RevenueCat

Пікірлер: 89

  • @dragonniteIV
    @dragonniteIV Жыл бұрын

    MANY MANY MANY THANKS! Got very frustrated with other tutorials. Since I also got issues when following along, I could somehow fix them and better yet: know what I am doing by listening to your explanation, instead of copying pasting code and watching the magic (not) happen. So, thank you again. :)

  • @kahiggz
    @kahiggz2 жыл бұрын

    Simply amazing! This tutorial has been a blessing! You are nothing short of pure legendary !

  • @marwamasese8066
    @marwamasese80663 жыл бұрын

    I want to thank you most sincerely for educating alot of people who probably cannot afford paid courses. I'm one of those guys and for this I'll practice hard to become a better developer

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    Thanks buddy and good luck

  • @alexlindgren1
    @alexlindgren1 Жыл бұрын

    Great tutorial mate, great to get a high-level understanding of the workflow, much appreciated.

  • @mishalalhajri5497
    @mishalalhajri54973 жыл бұрын

    Thank you very much for your simple and informative tutorial. I was struggling in adding in-app-purchases using different libraries but I found this tutorial very helpful.

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    Glad it was helpful!

  • @sgnlx_ai
    @sgnlx_ai Жыл бұрын

    This is the best video for setting up revenuecat on the internet. Thank you!

  • @m7amedk
    @m7amedk3 жыл бұрын

    Very well documented and explained. Thank you so much for this, from your tutorial I was convinced that RevenueCat is what I need, and I signed up via your link. + You helped me setup everything. Much appreciated 🙏🏼🙏🏼💜

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    I am happy that you found it valuable

  • @kevincastroramirez4287
    @kevincastroramirez42872 жыл бұрын

    You just saved my life, thanks a lot.

  • @nataliapamplona1401
    @nataliapamplona1401 Жыл бұрын

    If someone is following this tutorial now "yarn add react-native-purchases" installs a version not compatible width the app. This is working for me: yarn add react-native-purchases@4.0.1 (which is the version that Vadim is using in the video). Thanks for the great tutorial

  • @olanrewajuolatunde1675
    @olanrewajuolatunde16753 жыл бұрын

    This is good mate. Will check them out

  • @hihihihihihi9476
    @hihihihihihi94767 ай бұрын

    Brilliant presentation and explanation. Tx a lot ❤

  • @reisheiaurellano3431
    @reisheiaurellano34312 жыл бұрын

    just some question, if you are using revenuecat as payment gateway for in-App purchase subscriptions. does google play and app store will also charge some fees? thanks

  • @CyCoool
    @CyCoool3 жыл бұрын

    Many Thanks! can RevenueCat generate the invoices for customer?

  • @fazzyakamello
    @fazzyakamello3 жыл бұрын

    Amazing tuts bro. Keep it up

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    Glad you like them!

  • @SurfsUpSeth
    @SurfsUpSeth11 ай бұрын

    Do you have a video on linking revenuecat with firebase and creating a hook that utilizes that workflow? Since there's a extension now for that?

  • @rv9570
    @rv95702 жыл бұрын

    Hey Man, Explanation is mind blowing , can you please also make a same video with flutter app if possible. The goal is that only the app can be used (all features) if they buy the subscription for monthly or yearly or weekly. So when the user download and open the app it should pop-up the subscription page and once they subscribe it they can use according to the subscription time limit and then again the same process. Thanks in advance.

  • @user-so8jw7zb5l
    @user-so8jw7zb5l3 жыл бұрын

    Какой жизнерадостный человек. Надо подписаться на него)

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    Aw, pasib

  • @isaiasgomeze
    @isaiasgomeze2 жыл бұрын

    The tutorias is 🔥!!

  • @YannickL
    @YannickL2 жыл бұрын

    Thank you for this great tutorial... Little question about the Paid Apps agreement (+ bank and tax info). I seems to be project specific if you are building apps for clients who are monetizing the app. But on apple connect it looks like its tied to my developer account... do I have to ask my client to create an Apple developer account?

  • @notjustdev

    @notjustdev

    2 жыл бұрын

    Yes, most probably that would be the best option. Your client craetes a deceloper account, and adds you as a contributor or developer

  • @ihsanZed
    @ihsanZed3 жыл бұрын

    new scrub here, your awesome bro.all your tutorial help us a lot. thanks

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    Happy to help

  • @ahmadazharbinatalib7303
    @ahmadazharbinatalib73033 жыл бұрын

    Very good info. Thankyou sir

  • @dmcdcm
    @dmcdcm3 жыл бұрын

    What tool do you use to make those cool little splash animations every time you click with the cursor?

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    Screen brush

  • @LotfiORouis
    @LotfiORouis2 жыл бұрын

    Does it wok with EXPO CLI as well?

  • @naunausos-dev3139
    @naunausos-dev3139 Жыл бұрын

    Question pls - Why am I not able to find subscription on playstore? I have an approved Closed Test build.

  • @radosawrudnicki1563
    @radosawrudnicki15632 жыл бұрын

    Nice tutorial!

  • @kisabatool6512
    @kisabatool6512 Жыл бұрын

    Hey bro! a great explanation but I wanted to ask about how to cancel a subscription?

  • @MrRe-sj2iv
    @MrRe-sj2iv2 жыл бұрын

    Could you make another video about how to implement introductory offers with RevenueCat?

  • @user-vy7gb7ty3h
    @user-vy7gb7ty3h8 ай бұрын

    for some reason all my subscriptions are showing to be every 30 minutes even tho I set everything to be a year. Any idea whats going on? on a real device. 52:12 it shows that your subscription is every 5 mins aswell

  • @alexkey9372
    @alexkey93723 жыл бұрын

    Hi there, loved your tutorial but i'm afraid that if my project scales the cost will be very high to maintain thereafter. is there a free/cheaper alternative or if there's a way to cut costs with revenuecat when the project scales too?

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    You won't pay anything to revenuecat unless you make money. You will pay revenuecat a very small % of the total revenue you make. If your revenuecat fees will be huge, then congratulations, you are probably making millions $$ from your app.

  • @alexkey9372

    @alexkey9372

    3 жыл бұрын

    @@notjustdev ok that's good to know! So i guess if it makes different amounts monthly pricing adjusts? e.g 100k one month next month 10k? I was thinking to do it natively cause I did apple pay stuff in swift before but I guess this might save time. I always consider that my project will scale though. thanks for the info!

  • @Manish-qd1sz
    @Manish-qd1sz2 жыл бұрын

    Hi I Have One Question If have Lost iOS Phone can I restore my account purchase for android in revnue cat

  • @zakheleelton8953
    @zakheleelton89532 жыл бұрын

    Can you please make a tutorial where a user can download video to watch offline but there videos remains in the app just like KZread/Netflix

  • @artemzhydkov3141
    @artemzhydkov31413 жыл бұрын

    What about purchasing subs with iOS?

  • @SocratAz
    @SocratAz Жыл бұрын

    I come across this error with macOS and ios, someone is how to unlock I am under expo 45 "Invariant Violation: `new NativeEventEmitter()` requires a non-null argument."

  • @user-lm2no9dc4i
    @user-lm2no9dc4i4 ай бұрын

    how to handle same apple id but different emails for subscriptions? iap in react native....

  • @cani903
    @cani9032 жыл бұрын

    I can't create products on google play console. The error message is "To add in-app products, you must add the BILLING permission to your APK file" and I have added the permission.

  • @skverskk
    @skverskk3 жыл бұрын

    Awesome tutorial. One question- since I only develop on a PC, I guess setting up things on IOS using x-code is going to be impossible. Thx

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    To build for ios you would need a macos. On windows and linux the only option is to build and test on android emulators

  • @JustifiedTech

    @JustifiedTech

    3 жыл бұрын

    You could try it on Hackintosh :P

  • @sentilayshorts
    @sentilayshorts Жыл бұрын

    can u do with iap and firebase and 3 product

  • @hectorvelasquez1037
    @hectorvelasquez10373 жыл бұрын

    tnks vadim you rock

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    My pleaasure

  • @imPriyankCoder
    @imPriyankCoder3 жыл бұрын

    Hey Vadim great tutorial but just out of curiosity why not to use stripe api ? or paypal ? just curious

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    For in app subscriptions, you cannot use 3rd party services, you have to integrate them with the app store and play store.

  • @imPriyankCoder

    @imPriyankCoder

    3 жыл бұрын

    @@notjustdev isnt revenuecat is third party plugin?

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    @@imPriyankCoder Yes, it's a third party, however, they do not handle the payments. The payments are still handled by Appstore and Playstore, and RevenueCat only helps you with integration, tracking, monitoring, analyzing, and so on.

  • @michael-shakaikhanoba9810
    @michael-shakaikhanoba98103 жыл бұрын

    Bro love you man Please is this revenue cat also be used in the Netflix build for the protection frm non subscribers

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    I haven't planned that yet

  • @michael-shakaikhanoba9810

    @michael-shakaikhanoba9810

    3 жыл бұрын

    @@notjustdev would love to see this being used for the Netflix build to make things secure 😋

  • @naunausosapp
    @naunausosapp Жыл бұрын

    In Play Store, when I click on Subscription, it just keep saying Upload a New APK. Do I have to have an approve bundle before I can create subscriptions? Thanks

  • @notjustdev

    @notjustdev

    Жыл бұрын

    you have to upload a new apk that has IAP enabled

  • @naunausos-dev3139

    @naunausos-dev3139

    Жыл бұрын

    @@notjustdev Thank you very much

  • @-EgoSerg-
    @-EgoSerg-2 жыл бұрын

    Hi. Can you tell me, RevenueCat is working with React native Expo? Thanks

  • @LotfiORouis

    @LotfiORouis

    2 жыл бұрын

    Hey Sergey, did you get an answer for that? Please let me know as I am struggling to find a way to manage subscriptions in my expo-cli project. Thank you

  • @chaincentive5911
    @chaincentive59113 жыл бұрын

    many thanks Vadim! :-)

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    You are welcome!

  • @ajaykumaryadav6564
    @ajaykumaryadav65642 жыл бұрын

    HELP ME BROTHER !! i got an error over and over .. error while connecting to puchases [Error: One or more of the arguments provided are invalid.]......Please help me bro, i already follow all your steps as you mention them in video .

  • @webdevelopmentwebdesign7689
    @webdevelopmentwebdesign76893 жыл бұрын

    Hi Vadim, Amazing tutorial bro. When I put the app on Google Play for the first time, how do I put it free or paid?

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    It depends on what you want. A paid application will require an upfront payment to download the app. You can make it free, so everyone can download it for free, and provide extra content and feauters to pro users using subscriptions and revenuecat

  • @webdevelopmentwebdesign7689

    @webdevelopmentwebdesign7689

    3 жыл бұрын

    @@notjustdev tnx bro

  • @khongduocbocuoc
    @khongduocbocuoc2 жыл бұрын

    Imagine if user buy more than one products, how user can restore just one of them ? I don't see anyway to provide a specific purchase ID or something like that.

  • @thinkbeyond8660
    @thinkbeyond86603 жыл бұрын

    Thanks 🙏🌹❤ you remembered and make video ❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @edgarmenesesbarragan4156
    @edgarmenesesbarragan41563 жыл бұрын

    Sorry but it's possible publish an react native app in the Play Store, using purchase methods like RenevueCat, Stripe, Openpay or another ?

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    Using RevenueCat - absolutely. It is possible because revenue cat is a middleware, and the transactions will go directly through play market and/or appstore. With Stripe and other 3rd party payment providers, it is different. THere are strict rules regarding when you can use them. Shortly, if the user buys physical goods, for example you are building a marketplace and user is buying some goods, you can use Stripe. In other cases, you have to use In App Purchases

  • @edgarmenesesbarragan4156

    @edgarmenesesbarragan4156

    3 жыл бұрын

    @@notjustdevthank you very much for your attention, I want to incorporate monthly subscriptions, and I had read that it is strict to use google pay to upload the application to the play store. So isn't true?, What do you recommend me?

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    That's true. That's why I recommend you using RevenueCat, because RevenueCat will manage your google play subscriptions and make your life easier. RevenueCat just helps you setup and manage the google play IAP.

  • @edgarmenesesbarragan4156

    @edgarmenesesbarragan4156

    3 жыл бұрын

    @@notjustdev Thanks bro 😁👌🏼💯

  • @pradyumncs
    @pradyumncs Жыл бұрын

    Thank you Herooooooooooooo

  • @notjustdev
    @notjustdev3 жыл бұрын

    🚀Get your free RevenueCat account ( bit.ly/3eqmZSI ) and start monetizing your React Native app with In App Subscriptions 🚀 📚 Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/

  • @leelachakra
    @leelachakra3 жыл бұрын

    ENTITLEMENT_ID. What is it? What does it matter?

  • @fitnessprincess5735
    @fitnessprincess57353 жыл бұрын

    you are most awesome developer you are doing very well please can you build shopify clone ????

  • @nithiodev3317
    @nithiodev33173 жыл бұрын

    Sir can you do a video showing apk build and deployment of react native applications

  • @notjustdev

    @notjustdev

    3 жыл бұрын

    checkout the last video where I show how to build and deploy the Netflix clone

  • @nicholasdwyer9820
    @nicholasdwyer9820 Жыл бұрын

    For people watching this 2 years or more later, you should probably create a UserPurchaseInfoContext and getting is subscribed and other info once and access it anywhere by doing useContext.

  • @musabgulfam4229
    @musabgulfam42293 жыл бұрын

    Can I get the complete source code please

  • @abazudosen
    @abazudosen3 жыл бұрын

    how about u show us how to implement crypto payments

  • @adre_
    @adre_11 ай бұрын

    I feel like a knife has been stabbed in my brain every time you say "our". Please say it as our, not aaaaurrrrrrr. I watched the video with the sound turned off.

  • @erayunvanli6977
    @erayunvanli697711 ай бұрын

    LOG [TypeError: undefined is not a function] getPurchaserInfo() not function React native js

Келесі