4 years old video and it still gives a super useful introduction to how this works! Especially because it will help you to understand the official Stripe provided integration code with backend and frontend. I followed the steps, and everything is still valid (Only thing i had to modify was const { v4: uuid } = require("uuid"); in backend). Perfect balance between teaching what's going on and follow along coding. Also like that you point the learner to the npm package documentations. It helps a lot to read those even if its just a short peek!
Most complete and simple tutorial on Stripe Payment Gateway you can ever find covering each bit of things. Thank u so much, sir. You earned my respect.
this is the most simplified reaction and stripe tutorial i have ever seen. the other teachers i have encountered make it so complex over nothing. thanks a lot hitesh
Hey man just wanted to say that this video saved my life. Tried to get a grasp of backend development simultaneously making a project where some kind of credit card payment was necessary, yet really struggled in the process, this really helped to brighten everything up. Thank you very very much!
Ohh bahi.. This is the best video on React. I was struggling to find right video which explains end to end even if it means simple feature implementation. Tired of those videos that explain just loops, keywords, etc
Good timing , I'm also included to you seen 4+ years, last completed react.js studying react native, Next node.js for backend. Today's Designed a react native app. I wanna say that it’s a serprize tutorial for me, thanks a lot sir 💖💖💖
Finally something I wanted much at this time,i am already working on a restaurant website and only work left was to integrate payment gateway option. This will help me a lot. I thank you
I think for developers in India, you need to use 'inr' for currency. If you choose to use 'usd' you will have to add few more details for the customer ( name and address). If you proceed with 'inr', you will be able to see a successful payment in your dashboard.
Cool, i have to integrate stripe in one of project, so i need to do a POC on stripe. Thanks a lot man for that such kind of cool video. This help me alot to understand stripe.
you can create the react app after creating the folder.. just go into that folder and give this command "create-react-app . " (with just a dot after it) and it will create all node_module and stuff on the current dir without creating a new dir.
I would suggest watchers use "react-stripe-js" instead of "react stripe checkout" since the latter is not the official library and its latest version was published 3 years ago (so expect no support). React stripe js is the official library developed and maintained by stripe devs. Hitesh should have made us aware of the official react library for stripe instead of getting away with a cheaper library just because its syntax is easy.
great job. to add, are you are that the stripe customers api doesn't self check if the customer already exists, wether it does on not stripe creates another customer with he same email address..... this is more a burden if you use the stripe prebuilt checkout version.
Hi Hitesh, I'm very happy to say that I have explored more things from your vedios. It's really awesome. Can you please make vedio for bluesnap payment gateway for Local bank transfer, credit card, debit card in NodeJs with express JS. I have searched a lot but still I can't get the exact idea about it. So can you please make vedio for bluesnap based payment gateway in NodeJs with ReactJS,Thank you.
Your comment are highlighted and in written in a specific format Can you make a crash course how to comment , document nodejs app/routws and react app as well
how can you undersatnd all this from reading the documentation. great easy video but i really want to start reading the docs to these things better and i don't really see ANY results on the documentation that look ANYTHING like this code ...
lmao i just spent an hour trying to figure why my api keys werent working only to realize that you swapped and that if i just watched a few more minutes then i would of realized
if anyone is trying to get the payment to show up in the stripe dashboard. Remove the shipping and address lines from index.js. That did it for me. I also changed the : // .then(result => res.status(200).json(result)) to: .then(result => res.status(200).send({ success: result })) in the same file.
STRIPE API AUTHENTICATION ERROR I used to get a stripe API key authentication error => StripeInvalidRequestError: You cannot accept payments using this API as it is no longer supported in India. How can I solve this one?
Why did you use react-stripe-checkout which is very old library. There is a new stripe library with hooks for dealing with that. Anyway awesome video ;)
On the Front-End the "react-stripe-checkout" library is legacy and I get a Warning in the console "You’re using the legacy version of Stripe Checkout."
There is one thing I don't understand. We sperate the frontend and the backend so that we protect our data in the backend. How can we protect the data from the backend when we inject the frontend data vai req into our backend?
Please make some videos on payment gateway like GPay and Paytm. if possible please make on Reactjs. There is no video that is working correctly. all of them are outdated. even 2 months back. Paytm has updated their API. for me it is difficult to understand
Great Video! I see you use Learn Code Online to share the Source code. But it does not work. How about you use World Class Code instead. Safe, and you will more easily build customer relations.
Hi Hitesh, thanks for this video. I have gone through the steps you have mentioned in it but getting 404 error. Response is being shown in console but status is undefined. I tried to check your file on your site but could not find them. Please provide exact path. I want to verify my code to know the gap. One question, how stripebackend is connected with stripefronend project? I set log in app.post in stripebackend but it is not appearing in log. Seems not hitting this method. Thanks.
After installing "react-stripe-checkout" terminal is showing critical and high vulnerabilities in packages (even npm audit fix doesn't help). Is it really safe ?
4 years old video and it still gives a super useful introduction to how this works! Especially because it will help you to understand the official Stripe provided integration code with backend and frontend.
I followed the steps, and everything is still valid (Only thing i had to modify was const { v4: uuid } = require("uuid"); in backend).
Perfect balance between teaching what's going on and follow along coding. Also like that you point the learner to the npm package documentations. It helps a lot to read those even if its just a short peek!
After 3 useless tutorials on adding payment gateway in react node , this is the one valuable , thnx Hitesh sir
Most complete and simple tutorial on Stripe Payment Gateway you can ever find covering each bit of things. Thank u so much, sir. You earned my respect.
Hey , can you tell me how to get success message in gmail after payment ?
this is the most simplified reaction and stripe tutorial i have ever seen. the other teachers i have encountered make it so complex over nothing. thanks a lot hitesh
Hey , can you tell me how to get success message in mail after payment ?
Wish we have more elite-class Crash Course like this from this channel. The best programming channel in RUclips.
Love this channel 😘
not the best, but one of the best
Hey , can you tell me how to get success message in gmail after payment ?
Wonderful tutorial! Thorough without being over-complicated. You are very skilled as an educator!
Hey man just wanted to say that this video saved my life. Tried to get a grasp of backend development simultaneously making a project where some kind of credit card payment was necessary, yet really struggled in the process, this really helped to brighten everything up. Thank you very very much!
please make a updated video on this topic
thanks a lot mr Hitesh, this channel been my reference as building real apps with the modern technology
Ohh bahi.. This is the best video on React. I was struggling to find right video which explains end to end even if it means simple feature implementation. Tired of those videos that explain just loops, keywords, etc
Thank you so much 😀
Very nicely done! Congrats. Easy to implement and clear right from the start. Your video helped me tons in implementing Stripe in a similar fashion.
Good timing , I'm also included to you seen 4+ years, last completed react.js studying react native, Next node.js for backend. Today's Designed a react native app. I wanna say that it’s a serprize tutorial for me, thanks a lot sir 💖💖💖
Thanks hitesh
Watched many videos on integration of stripe with react and express
but this only works and doesn't give any errors
Thankyou
Subscribed
Finally something I wanted much at this time,i am already working on a restaurant website and only work left was to integrate payment gateway option. This will help me a lot. I thank you
Yes sir ^ infinity 😇..... We love you every course sir, they have more quality than premium courses
I just admire your way of doing sessions and speaking and guiding and what not. Much love and respect❤
Hey , can you tell me how to get success message in gmail after payment ?
Sir your videos are really helpful and content-rich. It would be great if you can make a video on RazorPay with ReactJS and NodeJS
Please make video on implementation of razorpay in mern project.
I think for developers in India, you need to use 'inr' for currency. If you choose to use 'usd' you will have to add few more details for the customer ( name and address). If you proceed with 'inr', you will be able to see a successful payment in your dashboard.
Cool, i have to integrate stripe in one of project, so i need to do a POC on stripe. Thanks a lot man for that such kind of cool video. This help me alot to understand stripe.
This video is really helpful and exactly what I needed to get started on this, thank you for the clear explanations and hard work put into this!
Thank you so much ...I am really about this course because this payment gateway was really hard for me to get ...thak you sir...
🙏🙏
yes sir more payment gateway integrations and sir please also on integrating other important parts Thankyou sir The best youtube channel
you can create the react app after creating the folder.. just go into that folder and give this command "create-react-app . " (with just a dot after it) and it will create all node_module and stuff on the current dir without creating a new dir.
I would suggest watchers use "react-stripe-js" instead of "react stripe checkout" since the latter is not the official library and its latest version was published 3 years ago (so expect no support). React stripe js is the official library developed and maintained by stripe devs. Hitesh should have made us aware of the official react library for stripe instead of getting away with a cheaper library just because its syntax is easy.
Maybe that's why I'm getting so many vulnerabilities here
Best RUclips channel,content is awesome
Need more from you sir.....
Why is it so that LCO is powered by php not by node or danjgo?
Just completed ReactJs and this comes thanks, sir
+1
This is a great tutorial on Stripe. It would be awesome if you did a node react tutorial on subscription payments too. 😁
Kk
Sir your explanation is good but to secure your payments , you have to store product price not at a client client but on the server side
Bro, can you do a video on paytm integration with the MERN stack please...
I need that too
Good choice sir, I really love this video... Hope you will make these type of project based courses..
Paid or free.. no problem.. take my money 😀
commenting here even before watching the video, Sir you are genius
Waiting For React Crash Course Sir thx for giving this vedio Love From Delhi Ncr Sir
Reactjs crash course is already there.
ruclips.net/video/nvHeB32ICDM/видео.html
Thanks, really helpful. btw you need not to delete the stripefrontend folder...you could have have just cd into it and run "npx create-react-app ."
great job. to add, are you are that the stripe customers api doesn't self check if the customer already exists, wether it does on not stripe creates another customer with he same email address..... this is more a burden if you use the stripe prebuilt checkout version.
Next... Facebook and Google login page tutorial...
Hi Hitesh, I'm very happy to say that I have explored more things from your vedios. It's really awesome. Can you please make vedio for bluesnap payment gateway for Local bank transfer, credit card, debit card in NodeJs with express JS. I have searched a lot but still I can't get the exact idea about it. So can you please make vedio for bluesnap based payment gateway in NodeJs with ReactJS,Thank you.
This was great Hitesh! Do you have resources for Stripe Payout and NODE, if so, please lmk! Tysss for this.
we want more payment gateway video. thank you...
Your comment are highlighted and in written in a specific format
Can you make a crash course how to comment , document nodejs app/routws and react app as well
Exactly when i needed it 🤩 what a timing sirji 😅🙏🙏
Hey , can you tell me how to get success message in gmail after payment ?
Hey Hitesh Sir! Lovely video once again! I would really appreciate if you make a crash course on DATA STRUCTURES! Plzzz. 💜
Any guesses about that Vs Code theme? I loved that :)
Yes which theme
how can you undersatnd all this from reading the documentation. great easy video but i really want to start reading the docs to these things better and i don't really see ANY results on the documentation that look ANYTHING like this code ...
lmao i just spent an hour trying to figure why my api keys werent working only to realize that you swapped and that if i just watched a few more minutes then i would of realized
Please make Payment Integration video on Node.js - ReactJS - PayTM/Razorpay.
Best video ever but question why the balance dont show the money i got like yours?Did you find out?
Thanks. I implemented it. Working awesome-ly
if anyone is trying to get the payment to show up in the stripe dashboard. Remove the shipping and address lines from index.js. That did it for me. I also changed the :
// .then(result => res.status(200).json(result))
to:
.then(result => res.status(200).send({ success: result }))
in the same file.
ITS NOT WRKING BRO
Hey Ritesh! Very nice video helped a lot. Can you make a video on paytrail as well.
What's the color theme that you are using? I would love to use it too.
RGB(59,40,0)
Which theme
@@TechwithLaughter Hey , can you tell me how to get success message in mail after payment ?
@@hozas8553 Hey , can you tell me how to get success message in mail after payment ?
on Razorpay please 🙏🙏🙏
why do we have to return the stripe.customers.create() promise from the "/payment" request handler function ?
STRIPE API AUTHENTICATION ERROR
I used to get a stripe API key authentication error => StripeInvalidRequestError: You cannot accept payments using this API as it is no longer supported in India. How can I solve this one?
Thanks a ton for your efforts, where are you located in India or USA ?
India
Why did you use react-stripe-checkout which is very old library. There is a new stripe library with hooks for dealing with that. Anyway awesome video ;)
Thank you Hitesh for this video! :)
Can you please make a video on kubernetes, just as you made one on docker. It was very easy to understand.
Hey , can you tell me how to get success message in gmail after payment ?
Thank you very much for this. Please can you do a crash course on Paypal integration into React and Node.js
What theme are you use in VS code Hitesh sir
The keys are not hidden on the front end, before React App builds, it injects the keys into the code.
Yes please add indian payment gateway like ccavenue payu or stripe with python. Please sir if its paid we are ready to buy the content.
On the Front-End the "react-stripe-checkout" library is legacy and I get a Warning in the console "You’re using the legacy version of Stripe Checkout."
This was a lot of help. Thanks!
There is one thing I don't understand. We sperate the frontend and the backend so that we protect our data in the backend. How can we protect the data from the backend when we inject the frontend data vai req into our backend?
This is at the next level, awesome
Make a video on Salesforce
if anyone has problems they changed uuid... referring to first ten minutes
const { uuid } = require('uuidv4');
const { v4: uuidV4 } = require('uuid'); its working with newer versions now
Please make some videos on payment gateway like GPay and Paytm. if possible please make on Reactjs. There is no video that is working correctly. all of them are outdated. even 2 months back. Paytm has updated their API. for me it is difficult to understand
at 21:53 for inr also we have to multiply by 100
Sir please also try to update to your existing react course . It is bit out dated.
Tell me information of office between the later off making in records for in js was noting
Which theme are you using for vscode?
What vs code theme is he using? It's great.
try theme - shades of purple
with
peacock extension - red colour
Sir please upload more vedio related stripe connect transfer
Great Video! I see you use Learn Code Online to share the Source code. But it does not work. How about you use World Class Code instead. Safe, and you will more easily build customer relations.
Hi sir
Please upload some reactjs tutorials functional components videos for begginers,like you uploaded javascript videos its Awesome.
hello sir, what will you say about headless wordpress with react??
Is it possible to integrate stripe net banking woth node ... you showed us only card integration
Sir, please make a video on cloud AWS career
Sir pls do video on Neptune community (PL9)
Sir, Which theme you are using in vscode?
Bro, I need this video on Android studio
Make a video o this as soon as possible
Hi Hitesh, thanks for this video. I have gone through the steps you have mentioned in it but getting 404 error. Response is being shown in console but status is undefined. I tried to check your file on your site but could not find them. Please provide exact path. I want to verify my code to know the gap. One question, how stripebackend is connected with stripefronend project? I set log in app.post in stripebackend but it is not appearing in log. Seems not hitting this method. Thanks.
Can you please also make react firebase stripe integration. Thanks in advance
sir please make a video on razorpay,react and node
After installing "react-stripe-checkout" terminal is showing critical and high vulnerabilities in packages (even npm audit fix doesn't help). Is it really safe ?
I am getting stripeauthentication error , I have pasted secrete key on backend and publish key on front end but still getting the error
Can you please make a video on mobile + OTP based sign up ? Thanks in advance
Can you guide similarly for airpay, please?
Thanks, Hitesh 👍
Can you do a video of Django and payment gateways and Android apps and payment gateways using java or Kotlin
make a video on reactstrap vs react-bootstrap
Great explanation
Payment gateway integration with flutter
Sir please a video how to create refund payment in stripe
can you make a crash course on quickbooks?
which VSCODE theme you are using ???
I feel like I need an even more basic version. Coding is haaaard :'(
Why I can't see any option to create a new key
Sir I really wanted to know your marketing strategy behind providing crash courses for free. !!!😅
U could've upload in lco app with charges...
It is also available in LCO app for free
@@devilhunter2943 I think u didn't understood my question.... never mind....have some 'Chai'....