Accept an AU Becs Direct Debit payment with React

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

### Table of contents

00:00 Introduction
00:58 Verify server is running
02:34 Implement the BecsDebit payment form component
04:22 Create payment intent
05:52 Confirm payment intent
06:59 View the Becs Debit demo
07:48 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=IeGpu9JNvNU

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