stripe-node VS react-stripe-js

Head to Stripe and register if you haven't already. We can use the Stripe API in Test Mode to build the e-commerce app. You can add a bank account and get verified later when you're ready to start collecting real payments.

Stripe published its 2023 annual letter last week. Much like the previous edition it was filled with a lot of interesting nuggets. Stripe has a strong history of being fairly transparent with its practices. These range from engineering challenges through its blogs as well as thought leadership in the financial and entrepreneurship space. I personally like the writing style of this letter as it doesn’t seem corporate or stuffy. Instead it is filled with humorous anecdotes, quirky observations and intelligent historical narratives which make it a compelling read. You can read the letter here → Stripe Annual Letter: 2023

Stripe – payments

Imagine you want to create an API endpoint that allows users to register in your backend, while simultaneously making a payment towards Stripe. This could be for something that's a subscription-based service, where you charge people for access to something.

Our app – Upollo – connects with your app event data (like Segment) and payment data (like Stripe) to analyze your users and instantly figure out if someone is an important player in your industry. We also help you convert more users, reduce churn, and expand single seats to teams within a company. We're SOC 2 certified and we take data security very seriously.

That's cool - my page is still under development. But have you tried running it on something like https://stripe.com/ to see if the generates interesting results. Could share results here? DMing you also

Stripe is a great example of this as their margins on the side are visible with a faint line. All content is inside this except for some images and decorations.

Before going through the integration process, you need to sign up for a Stripe account. Go to the Stripe website and follow the registration process. Once you're signed in, you'll have access to the API keys needed to communicate between the server and your Stripe.

Hey there! I think you want react stripe elements. That's the react components stripe offers, themself. I would start there!

Both from https://stripe.com/docs/stripe-js/react

With React Stripe.js and the Payment Element you can create a custom payment integration on your site that can offer more than 18 global payment methods with a single integration depending on your location and their availability. In this demo you’ll learn how to integrate the Payment Element with your React app, and how to turn on new payment methods via the dashboard without having to change, test or re-deploy your code.

The best version of integration(IMHO) would be to get a react library with components, hooks, utils, etc., that will do everything for us. For example, check out React Stripe.js Components. Second best - take an Open API(example Stripe API) and implement our own components.

This project uses Vite as a build and development server, React for a frontend framework, React Stripe to accept payments, and the Payment Element to present and confirm payments on the frontend. You can read a deep dive end-to-end integration in the first post here.

There’s a great react library that uses the stripe API https://stripe.com/docs/stripe-js/react