Accept an OXXO payment with React

In this episode, you'll learn how to confirm PaymentIntents on the front end with React to accept payment with OXXO. OXXO is a popular voucher based payment method type in Mexico.

Watch one of these episodes to learn the server side steps required to create a PaymentIntent using the Stripe API with one of the officially supported client libraries:

Ruby - https://youtu.be/079khYtqWPo
Python - https://youtu.be/3s4Dwox7oTQ
Node.js - https://youtu.be/WG4ehXSEpz4
Go - https://youtu.be/cbsCxLDL4EY
Java - https://youtu.be/-uyXCnPXegE
.NET - https://youtu.be/mqEjRgoZWdo
PHP - https://youtu.be/BPfpPGl85tk

### Resources

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

### Table of contents

00:00 Introduction
01:27 Verify the server endpoints
03:14 Scaffold the OXXO form component
04:45 Create the PaymentIntent on the server
05:58 Setup the StatusMessages component
06:39 Confirm the PaymentIntent on the client
08:01 Test OXXO payments
09:45 Recap

### Presenter

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

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