Accept an FPX payment with React

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

### Table of contents

00:00 Introduction to FPX
01:01 Verify server is running
02:27 Implement the FPX payment form
03:38 Create the payment intent
04:57 Confirm the payment intent
05:56 Test the demo
06:30 Implement the thank you page
08:36 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=CpPBUfPHA3I

### 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/fpx/accept-a-payment
Code: https://github.com/stripe-samples/accept-a-payment/blob/main/custom-payment-flow/client/react-cra/src/Fpx.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