In this tutorial we’ll create a payment form using Stripe Elements that submits to Formspree. Then we’ll configure Formspree to accept the payment and complete the Stripe transaction. In the end we’ll have a custom payment form that fits our website’s unique style.
In this final part of our series on building React forms, we’ll rebuild the form from parts 1 and 2 with Formik. We’ll discuss some benefits a drawbacks of using Formik, and highlight the alternatives.
In this tutorial we’ll modify our basic form by taking control of the form’s state. In doing this we’ll create what React calls a “controlled component.” With a controlled component we’ll have more control over the form, allowing us to create a consistent validation experience, and customize it however we like.