Getting started with React Stripe.js

In this episode, you'll learn how we use React with Stripe Samples, a collection of GitHub repositories showing full end to end examples of Stripe integrations. We'll start from scratch and build a simple create-react-app style app with Stripe.js and React Stripe.js installed. You'll learn about the loadStripe helper, Elements and ElementsConsumer providers, and how to use the useElements and useStripe hooks for functional react based components.

### Presenter

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

### Resources

React Stripe.js official docs: https://stripe.com/docs/stripe-js/react
Stripe.js docs: https://stripe.com/docs/stripe-js
Create React App documentation: https://create-react-app.dev

### Server Starters

Node.js Express Starter - https://www.youtube.com/watch?v=rPR2aJ6XnAc
Ruby Sinatra Starter - https://www.youtube.com/watch?v=8aA9Enb8NVc
Python Flask Starter - https://www.youtube.com/watch?v=7Ul1vfmsDck
.NET Core Starter - https://www.youtube.com/watch?v=2-mMOB8MhmE
Java Spark Starter - https://youtu.be/qY2HBiBu2XA
Go Echo Starter - https://youtu.be/ePmEVBu8w6Y

### Table of contents

00:00 Introduction
00:40 Scaffold basic file and directory structure and install react dependencies
01:48 Create and render a basic react app
03:30 Install stripe dependencies
04:25 loadStripe
05:23 Elements and ElementsConsumer providers
06:03 CardElement/IdealBankElement/CardNumberElement components
06:50 useStripe and useElements hooks

### Support
If you have a question, please feel free to reach out to our support team at https://support.stripe.com/ or join us on Discord 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