Stripe Checkout with React Crash Course

Stripe is a widely popular and commonly used payment gateway for online businesses. It is packed with tons of services and features so you can focus more on your business. I've been using Stripe and I'll explain why I came to love it. Stripe checkout is a checkout page securely hosted by Stripe. We will go through the steps on how to create a checkout session in React without the need to call a backend server.

Access the written version of this tutorial:
➡ Part 1: https://designcode.io/advanced-react-...
➡ Part 2: https://designcode.io/advanced-react-...
➡ Part 3: https://designcode.io/advanced-react-...

View the code sandboxes:
➡ Starter project: https://codesandbox.io/s/stripe-check...
➡ Final project: https://codesandbox.io/s/stripe-check...

Creating Stripe account and product
0:00 - Introduction
2:11 - Account Set Up
3:31 - Create Product
4:32 - Create Price
5:57 - Account Naming

Adding Stripe.js to React
6:22 - Stripe.js library
9:41 - Defer Stripe Loading
10:59 - Import as a side effect

Stripe Checkout Client Only
11:57 - Checkout Item
12:48 - Checkout Options
14:38 - Redirect to Checkout
17:58 - Rerouting After Checkout
22:33 - Testing Payment
23:46 - Error Handling
26:03 - Checkout Button State
28:44 - Conclusion

#reactjs #webdev #javascript #stripe #checkout