Accept a GrabPay payment with React

In this episode, you'll learn how to confirm a GrabPay payment with the react-stripe-js client library in a create-react-app based React application.

### Table of contents

00:00 Introduction
01:00 Verify server is running
02:20 Implement the GrabPay payment form
03:23 Create a payment intent
04:08 Confirm a payment intent
04:59 Test the demo
05:30 Implement the GrabPay return
06:58 Walk through GrabPay demo again
07:18 Recap

### Server implementations

Ruby - https://www.youtube.com/watch?v=079khYtqWPo
Python - https://www.youtube.com/watch?v=3s4Dwox7oTQ
PHP - https://www.youtube.com/watch?v=BPfpPGl85tk
Node.js - https://www.youtube.com/watch?v=WG4ehXSEpz4
Java - https://www.youtube.com/watch?v=-uyXCnPXegE
Go - https://www.youtube.com/watch?v=cbsCxLDL4EY
.NET - https://www.youtube.com/watch?v=mqEjRgoZWdo

### Other client implementations

Not using React? Consider these other episodes that cover the same content in different front end implementations:

HTML and JavaScript - https://www.youtube.com/watch?v=m3lueukOKto

### Presenter

CJ Avilla - Developer Advocate at Stripe - https://twitter.com/cjav_dev

### Resources

Official client library: https://stripe.com/docs/stripe-js/react
Official documentation: https://stripe.com/docs/payments/grabpay/accept-a-payment
Code: https://github.com/stripe-samples/accept-a-payment/blob/main/custom-payment-flow/client/react-cra/src/GrabPay.js

### Support
If you have a question, please feel free to reach out to our support team on Discord at https://stripe.com/go/developer-chat.

### Updates
Sign up to stay updated with developer news: https://go.stripe.global/dev-digest

### Feedback
If you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88.
#Stripe #Payments