React Stripe.js and the Payment Element

### Presenter

### Table of contents

00:00 Introduction
01:07 Cloning the repo and getting started
02:12 npm installs and starting the app
05:18 Creating a payment intent on the back end
06:27 Fetching and saving the client secret
07:28 Using the elements provider
08:36 Creating the checkout form

### Resources

### Support


### Updates

#react #stripe #payments

[wzup]

Dude you're such a pro! You explained clearly and gave practical options in just 15 mins.

[KarimBakhshAmiry]

understanding stripe has never been this much easier. Thanks for the great content here.

[JavaWithJune]

Your docs were already beyond in terms of quality, and this was the icing on the cake... so easy to follow, and clarified your example code. Also big ups TCD CS class of 2000!

[soontio]

Professional people are always making easy to understand, thank you so much and great.

[akshittyagi]

Sensible and complete implementation of stripe...! Hats off to you sir

[AndresRamirezFuentes-th]

amazing job, thank you for your demo, it was clear and consistent !

[AkiraWebSolutions]

If your client side server doesnt run correctly, change your script on your package.json to include:
"scripts": {
"start": "set PORT=4242 && react-scripts start",

[rishu_rvlogs]

thanks for the video, it really helped me to integrate stripe in my react app.

[NajTulum]

Sadly I had to come to this video because the docs aren't clear. It's missing the backend instructions and nowhere in the react implementations talks about how to do so

[raphaelamericano]

Awesome! You save me! Thanks from Brasil!

[MahmoudGamal-sxbj]

thank you so much this is what i was looking for :😍😍

[joadelh]

Thanks bro.. that is an exellent information

[yorinis]

Thanks ! What is your vscode theme ? It's very nice !

[vladislavmarinov]

I did everything and still cannot get a proper layout - all i get is choose a bank and add your name, no card or other options. Also, I get a strange 'Refused to execute inline script because it violates the following Content Security Policy directive' error. the payment is approved by the following code is not executed

[jhmesseroux]

Great video ! If i want to collect the amount instead of using a fix one in the paymentIntent, how can i do so ? Because i want the user to type or select from a dropdown the amount he wants to give .
Thanks !

[conor]

So should you create a payment intent for every attempted transaction? Because it mentioned to wrap your whole app in Elements, but in that case how do I pass a clientSecret to the root level Element when the checkout form is nested deeper??

[kingbuchi]

You enabled Apple Pay and google pay but there are not showing on the payment element. Why?

[pavankumard]

Is stripe free to use? Also where are we specifying to which bank should all the money get deposited to?

[kzsy]

I don't quite get how you're able to get the clientSecret key without actually making a post request. When i try to do this by leaving the body empty, I get an error that says Amount is required or currency is required. So how do i do this?

[ionelCristianLupu_]

What is "eur" and "1999" doing in the payment-intent endpoint route?