Stripe with React and node crash course

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdotcom
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@Baiterade]

Wonderful tutorial! Thorough without being over-complicated. You are very skilled as an educator!

[@franciszekuczak3569]

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!

[@felixnkongho6440]

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

[@PIYUSH-lz1zq]

Hey , can you tell me how to get success message in mail after payment ?

[@_juliettech]

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.

[@usamab775]

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.

[@PIYUSH-lz1zq]

Hey , can you tell me how to get success message in gmail after payment ?

[@meganbyrne6546]

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!

[@Wandering_BI]

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!

[@abdirahmanburyar]

thanks a lot mr Hitesh, this channel been my reference as building real apps with the modern technology

[@AdityaVerma-fv5ne]

After 3 useless tutorials on adding payment gateway in react node , this is the one valuable , thnx Hitesh sir

[@VishalMishra-qg6zn]

Wish we have more elite-class Crash Course like this from this channel. The best programming channel in KZbin. Love this channel 😘

[@yogendrasaxena2239]

not the best, but one of the best

[@PIYUSH-lz1zq]

Hey , can you tell me how to get success message in gmail after payment ?

[@anubhavjain1997]

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.

[@prithviraj2580]

Yes sir ^ infinity 😇..... We love you every course sir, they have more quality than premium courses

[@shivamverma-mt6kp]

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

[@rahavareddy5510]

Best KZbin channel,content is awesome Need more from you sir.....

[@sumitkumar-tj8wq]

Why is it so that LCO is powered by php not by node or danjgo?

[@aladdinstudios2735]

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 💖💖💖

[@siddhartk2215]

This is at the next level, awesome

[@manpreetbedi2291]

I just admire your way of doing sessions and speaking and guiding and what not. Much love and respect❤

[@PIYUSH-lz1zq]

Hey , can you tell me how to get success message in gmail after payment ?

[@Vindicator76406]

This was a lot of help. Thanks!

[@ibrarramzanmalik7663]

Thank you Hitesh for this video! :)

[@rahulbera454]

Exactly when i needed it 🤩 what a timing sirji 😅🙏🙏

[@PIYUSH-lz1zq]

Hey , can you tell me how to get success message in gmail after payment ?

[@satyakidesarkar6777]

Thank you so much ...I am really about this course because this payment gateway was really hard for me to get ...thak you sir... 🙏🙏

[@aryanshmahato]

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 😀

[@dollartracker]

Thanks. I implemented it. Working awesome-ly

[@yogeshvishnole1264]

yes sir more payment gateway integrations and sir please also on integrating other important parts Thankyou sir The best youtube channel

[@chan90s]

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

[@HiteshChoudharydotcom]

Thank you so much 😀

[@evan.mcpheron]

This is a great tutorial on Stripe. It would be awesome if you did a node react tutorial on subscription payments too. 😁

[@sandeeppareek420]

Kk

[@aman.tyagi112]

Waiting For React Crash Course Sir thx for giving this vedio Love From Delhi Ncr Sir

[@rajatsingh5714]

Reactjs crash course is already there. kzbin.info/www/bejne/pKerlnVpZ652eq8

[@soumadip_skyy_banerjee]

Hey Hitesh Sir! Lovely video once again! I would really appreciate if you make a crash course on DATA STRUCTURES! Plzzz. 💜

[@snghnishant]

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

[@krutipatel2625]

Thank youy so much, it helped alot

[@ricksondmanix3760]

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

[@saurabh1745]

Please make video on implementation of razorpay in mern project.

[@yogendrasaxena2239]

commenting here even before watching the video, Sir you are genius

[@j.i.m6980]

Great explanation

[@ahmaat19]

Thanks, Hitesh 👍

[@zohaibramzan7886]

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.

[@aristotlecarrasquillo-ande1483]

This was great Hitesh! Do you have resources for Stripe Payout and NODE, if so, please lmk! Tysss for this.

[@jamesodeyale4950]

Thank you very much for this. Please can you do a crash course on Paypal integration into React and Node.js

[@rohanshetty119]

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.

[@akshayjadhav8116]

Just completed ReactJs and this comes thanks, sir

[@aryanvikash1967]

+1

[@Stingfury_here]

please make a updated video on this topic

[@shanthib3701]

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.

[@abdullahanis5761]

Sir you're great

[@nileshhazra]

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 ."

[@hamzamehboob3341]

Hey Ritesh! Very nice video helped a lot. Can you make a video on paytrail as well.

[@shadabanwar2101]

we want more payment gateway video. thank you...

[@newpattern2208]

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

[@muhtasimmusfiq3213]

many thanks...............

[@theshree7142]

Next... Facebook and Google login page tutorial...

[@outdated7742]

Best video ever but question why the balance dont show the money i got like yours?Did you find out?

[@jiteshtechbeast]

This man is ❤❤❤

[@TonyStark-gs1jc]

Oh yes another one ✌️✌️✌️

[@kaushalyadav7871]

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?

[@vishal_sharma_rha]

Sir please upload more vedio related stripe connect transfer

[@danianiazi8229]

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

[@suyashnachankar9342]

Please make Payment Integration video on Node.js - ReactJS - PayTM/Razorpay.

[@BobbyBundlez]

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 ...

[@jujhaarsingh7889]

Bro, can you do a video on paytm integration with the MERN stack please...

[@divyakumarithathera7474]

I need that too

[@jashanpreet832]

Good One

[@asheeshsharma9706]

Make a video on Salesforce

[@danielli3288]

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

[@ruggeddog3103]

Thank you

[@markemerson98]

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.

[@kunalkathe3198]

Any guesses about that Vs Code theme? I loved that :)

[@TechwithLaughter]

Yes which theme

[@80Vikram]

Can you please make a video on mobile + OTP based sign up ? Thanks in advance

[@vishuchhabra5799]

Love from punjab sir, Can i meet with you at Jaipur.

[@asifahmed6150]

Sir, please make a video on cloud AWS career

[@Mysterious_debris_1111]

why do we have to return the stripe.customers.create() promise from the "/payment" request handler function ?

[@nehat786]

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.

[@montezmusic]

Bro, I need this video on Android studio Make a video o this as soon as possible

[@AbhinavRanjan]

Can you please make a video on kubernetes, just as you made one on docker. It was very easy to understand.

[@PIYUSH-lz1zq]

Hey , can you tell me how to get success message in gmail after payment ?

[@michaldanco2848]

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 ;)

[@bestoos2099]

sir please make a video on razorpay,react and node

[@rishijain7171]

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.

[@chetan9533]

Maybe that's why I'm getting so many vulnerabilities here

[@80Vikram]

Thanks a ton for your efforts, where are you located in India or USA ?

[@bhavukkalra1786]

India

[@MukeshKumar-vy6ep]

Hi sir Please upload some reactjs tutorials functional components videos for begginers,like you uploaded javascript videos its Awesome.

[@unknownman1]

hello sir, what will you say about headless wordpress with react??

[@alexyambao6115]

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.

[@ahrafali-fg3bi]

ITS NOT WRKING BRO

[@PoojaSharma0310]

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.

[@arvindshukla114]

Tell me information of office between the later off making in records for in js was noting

[@crazyshala4571]

What theme are you use in VS code Hitesh sir

[@mahitmehta9620]

The keys are not hidden on the front end, before React App builds, it injects the keys into the code.

[@roopachowdary4662]

Sir pls do video on Neptune community (PL9)

[@indranilhalder6633]

Sir please make video about razorpay

[@barman498]

on Razorpay please 🙏🙏🙏

[@alvynabranches1214]

Can you do a video of Django and payment gateways and Android apps and payment gateways using java or Kotlin

[@shivanshmehrotra4923]

Sir please also try to update to your existing react course . It is bit out dated.

[@SamareshMaity231]

make a video on reactstrap vs react-bootstrap

[@mobinalhassan]

Assalam o alikum Need to upload Airflow tutorials please..

[@tanujupadhyay7995]

Sir plz make a video on jdbc dao implementation plz sir

[@MrMarcoAlvarado]

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?

[@iliyasmohammed6192]

can make a video on RazorPay with ReactJS and NodeJS

[@Connected_Chronicles]

Can you please also make react firebase stripe integration. Thanks in advance

[@narayanjena4259]

please make vdo on payment gate way with php

[@tzvetanmarinov5843]

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."

[@musicloverz9016]

can you make some video on GoCardless with Node and React

[@stiphenrobert4469]

Is it possible to integrate stripe net banking woth node ... you showed us only card integration

[@bhuwanadhikari6732]

What's the color theme that you are using? I would love to use it too.

[@hozas8553]

RGB(59,40,0)

[@TechwithLaughter]

Which theme

[@PIYUSH-lz1zq]

@@TechwithLaughter Hey , can you tell me how to get success message in mail after payment ?

[@PIYUSH-lz1zq]

@@hozas8553 Hey , can you tell me how to get success message in mail after payment ?

[@kaushaljain4432]

Can U add a tutorial on Paytm payment gateway with nodejs

[@pbharathi8549]

Sir please a video how to create refund payment in stripe

[@aishwaryasingh1591]

Can you guide similarly for airpay, please?