Accepting Mobile Payments with React Native

on YouTube ↗18m

" summary

A library called react-native-payments implements the Payment Request API so a single codepath accepts Apple Pay and Android Pay and basic cards in React Native and the web. The demo charges a $15 ticket, requests contact and shipping, updates totals dynamically, requires adding a merchant ID and linking native deps, and resolves a promise with success/failure. Merchants adopting Apple Pay report about 2–3% conversion lift; install via yarn/npm and call show to get a payment response.

AI-written summary · about

" chapters (15)

1. 0:00Introduction
2. 1:15Agenda
3. 1:36Payment Request API
4. 4:35Payment Object
5. 4:53Apple Pay
6. 5:49Advanced Processor List
7. 6:20Similar Stories
8. 6:54React Native Payments
9. 8:12Demo
10. 8:25Demo App
11. 8:38Install React Native
12. 9:01Link React Native
13. 9:29Enable Apple Pay
14. 9:57Add Button
15. 14:15Request Contact Information

" related talks

• 27mReact Native Payments Bringing the Payment Request API to React NativeNaoufal Kadhom · React Native EU 2017
• 19mStripe React Native: A simple set of solutions to a complex set of problemsC.Cruzan · React Native EU 2022
• 29mSecurely Take Payments in a React Native AppRichard Moot · droidcon NYC 2019
• 06mLightning Talk: Payment Request API in a React Higher-Order ComponentMarco Lanaro · Nordic.js 2017
• 48mStandard Web Payment APIsA.Mahdy Abdelaziz · GeeCON 2019
• 06h 06mReact Native EU Conference 2022 - Day IIAndrey Goncharov, Łukasz Chludziński, Vojtech Novak, Eric Vlad Vicenti, Charlie Cruzan · React Native EU 2022
• 30mStrategies For Using React Native In A Brownfield AppHarry Tormey · Chain React 2018
• 33mBuy my mixtape: the Payment Request API in actionJose Aguinaga · GDG DevFest Ukraine 2017