Stripe Card Payment in React Native without 3P Library

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • tipsi-stripe

    Discontinued React Native Stripe binding for iOS/Android platforms

  • Many novice developers or stripe users could get to know about Tipsi-stripe when searching "React Native Stripe" in the search box, as stripe has no official support for React Native. One of the reasons for using Tipsi-Stripe is moderate to good SCA/PCI compliance, as it is actually a wrapper around native SDKs. At the same time, one can avoid that for lack of customisation. Customisation in the sense of card inputs.

  • react-native-webview

    React Native Cross-Platform WebView

  • According to a source, they were moved to start the development of the RN module recently. There is also a native way to integrate Stripe in React Native with Android/iOS SDKs by bridging them to JS with Native Modules. But this is not everyone's cup of coffee. Hardly any RN developers know both native languages (Java and Swift). In this article, I'll try to get across the simple way of using stripe card elements in the RN with React-Native-Webview (If you need customisation of Inputs, this is the best way as of now apart from bridging).

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • axios

    Promise based HTTP client for the browser and node.js

  • Wrap the stripe APIs and call the appropriate ones from the client-side with Axios or any other module.

  • stripe-payments-demo

    Discontinued Sample store accepting universal payments on the web with Stripe Elements, Payment Request, Apple Pay, Google Pay, Microsoft Pay, and the PaymentIntents API. 💳🌍✨

  • While saving the card, by default Stripe will accept the duplicate card number (i.e., it will accept the same card number more than once). It is actually a bug in the Stripe side still not resolved. This is not the real case scenario as no two people will have the same card number. But we have to take care of that in the accidental entry.

  • stripe-js

    Loading wrapper for Stripe.js

  • Stripe is one of the popular payment service providers. It is an America based financial service company which provides Software as a Service. They provide services such as Google Pay/Apple Pay, bank payments, card payments, etc., Looking into development support from the Stripe, they provide official module and SDK for browser-based JavaScript Apps and Android/iOS apps respectively and APIs for server-side integration. To Integrate Stripe in React Native, there are some practices which are being followed by developers and companies.

  • react-native

    A framework for building native applications using React

  • Peer to Peer(P2P) Payments from an app to app is 'one-touch' magic nowadays. Thanks to the enhanced SaaS and end-user software. For developers, integrating payments in the app and website is strenuous and painful, even by following the official documentation. Two possible reasons are improper and fatiguing docs explanation and lack or no support to the end framework from the payment gateway provider. Considering the cross-platform apps, the bar is even lower. Hardly they support them, especially React Native.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • How to Build an AI FAQ System with Strapi, LangChain & OpenAI

    7 projects | dev.to | 21 Apr 2024
  • Meteor v3 uses express under the hood – How to use and deploy it.

    3 projects | dev.to | 4 Mar 2024
  • [AskJS] What do you use to make small back-ends ?

    2 projects | /r/javascript | 5 Dec 2023
  • Best NodeJS frameworks for seamless backend development

    13 projects | dev.to | 20 Nov 2023
  • Prepare your Meteor.js project for the big 3.0 release!

    3 projects | dev.to | 1 Nov 2023