Accept an Afterpay / Clearpay payment with React
In this episode, you'll learn how to confirm an Afterpay / Clearpay payment with a React client. Afterpay / Clearpay is a payment method available through Stripe that enables your customers to buy now and pay later.
Table of contents
00:00 Introduction
01:25 Verify server endpoints
02:48 Build the AfterpayClearpay component
06:00 Handle submission of the form
06:18 Create a payment intent
07:44 Confirm the payment intent
09:08 Test the demo
09:30 Implement the thank you page
12:29 Test the demo again
13:11 Recap
Server implementations
Ruby - • Accept a payment - Create a PaymentIn...
Python - • Video
PHP - • Accept a payment - Create a PaymentIn...
Node.js - • Accept a payment - Create a PaymentIn...
Java - • Accept a payment - Create a PaymentIn...
Go - • Accept a payment - Create a PaymentIn...
.NET - • Accept a payment - Create a PaymentIn...
Other client implementations
Not using React? Consider these other episodes that cover the same content in different front end implementations:
HTML and JavaScript - • Accept an Afterpay / Clearpay payment...
Presenter
CJ Avilla - Developer Advocate at Stripe - / cjav_dev
Resources
Official client library: https://github.com/stripe/react-strip...
Official documentation: https://stripe.com/docs/payments/afte...
Code: https://github.com/stripe-samples/acc...
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