# From 12 Hours to 10 Minutes: Engineering Smallpdf’s Reactive Payment Frontend

> Conference talk by Faris Aziz. Topic: Payments & scale · Length: 30 min · Level: Intermediate to advanced · Delivered: 13× · Versions: 3. Book it: https://faziz-dev.com/invite?kind=conference&talk=From%2012%20Hours%20to%2010%20Minutes%3A%20Engineering%20Smallpdf%E2%80%99s%20Reactive%20Payment%20Frontend

## The premise

A payment incident at Smallpdf lasted 12 hours, costing multiple 5 figures in revenue loss. With the reactive frontend architecture we built afterward, we estimate that the same scenario could be resolved in 10 minutes. This talk follows the engineering decisions behind that difference.

Payment flows become complicated quickly: gateways, regional requirements, compliance, experiments, retries, and partial failures all interact. Treating checkout as a linear sequence of steps makes those interactions difficult to change and recover when something goes wrong.

Through a production case study, we’ll explore how we used React’s reactivity to orchestrate payments through state changes and events. We’ll walk through the architecture, the trade-offs behind it, and how lazy loading, fallback strategies, and reactive orchestration work together to improve flexibility and platform stability.

Smallpdf was already global. This system helped us expand payment capabilities further, generate an additional 7 figures in revenue, respond to compliance requirements, and unlock opportunities faster with fewer incidents. We’ll revisit the original incident to explain what would make recovery faster today, then finish with a live demo of the system running in production.

You’ll leave with practical ways to apply reactive frontend architecture to complex workflows, reason about partial failures, and design for recovery. The examples use React, but the principles apply across modern frontend frameworks.

## Who it's for

Frontend engineers designing complex workflows and payment systems.

## You leave with

- Apply reactive frontend architecture to complex workflows
- Reason about partial failures and design for recovery
- Combine lazy loading, fallback strategies, and payment orchestration

## Recording and slides

- Recording (WhatTheStack, 20th Sep 2025): https://youtu.be/BWu7e5Qqx0g?si=iQ04PAImH-NTNzKD

## How this talk evolved

- JSWorld 2027 CFP: [From 12 Hours to 10 Minutes: Engineering Smallpdf’s Reactive Payment Frontend](https://faziz-dev.com/talks/from-12-hours-to-10-minutes-engineering-smallpdfs-reactive-payment-frontend.md) (current). Evolves Orchestrating Millions Across the Globe into an incident-led case study of Smallpdf’s reactive payment frontend. Starts with a 12-hour payment incident and explains why the architecture built afterward could reduce recovery for the same scenario to an estimated 10 minutes. Adds revenue outcomes and places React reactivity, state and event-driven orchestration, lazy loading, fallbacks, and resilience at the centre. Includes a live production demo and transferable principles for modern frontend frameworks. Title and abstract match the JSWorld Conference 2027 CFP version.
- 2026: [Orchestrating Millions Across the Globe: Reactive Payments at Scale](https://faziz-dev.com/talks/orchestrating-millions-across-the-globe-reactive-payments-at-scale.md). Builds on From Fragile to Future-Proof with reactive orchestration driven by state changes and events, production failure scenarios, and a live Smallpdf demo. The featured WhatTheStack 2025 recording captures the earlier From Fragile to Future-Proof version.
- 2025: [From Fragile to Future-Proof: Solving Web Monetization Chaos with Payment Systems That Scale](https://faziz-dev.com/talks/from-fragile-to-future-proof-solving-web-monetization-chaos-with-payment-systems-that-scale.md). The earlier payments version introduces orchestration through the challenges of expanding into global markets. Orchestrating Millions develops that premise into reactive, event-driven architecture covering gateways, regions, retries and partial failures.

## Where it's been delivered

- 30th Sep 2026: [Devs.Ghent](https://faziz-dev.com/events/devs-ghent-sept-2026.md), Merelbeke-Melle, Belgium, as "Orchestrating Millions Across the Globe: Reactive Payments at Scale"
- 26th May 2026: [JNation Main Day](https://faziz-dev.com/events/jnation-main-day.md), Coimbra, Portugal, as "Orchestrating Millions Across the Globe: Reactive Payments at Scale" (recording: https://www.youtube.com/watch?v=RpkTBWEOCE8)
- 23rd Apr 2026: [Devoxx Greece](https://faziz-dev.com/events/devoxx-greece-2026.md), Athens, Greece, as "Orchestrating Millions Across the Globe: Reactive Payments at Scale" (recording: https://www.youtube.com/watch?v=5N6xFIvOaPs)
- 9th Apr 2026: [jsday Bologna](https://faziz-dev.com/events/jsday-2026-04-09.md), Bologna, Italy, as "Orchestrating Millions Across the Globe: Reactive Payments at Scale"
- 7th Apr 2026: [ReactJS Milano](https://faziz-dev.com/events/reactjs-milano-april-2026.md), Milan, Italy, as "Orchestrating Millions Across the Globe: Reactive Payments at Scale"
- 1st Apr 2026: [Voxxed Days Amsterdam](https://faziz-dev.com/events/voxxed-days-amsterdam-2026.md), Amsterdam, Netherlands, as "Orchestrating Millions Across the Globe: Reactive Payments at Scale" (recording: https://www.youtube.com/watch?v=nJprIKMMXns)
- 20th Nov 2025: [JSNation US](https://faziz-dev.com/events/jsnation-us-2025-11-20.md), Online, as "From Fragile to Future-Proof: Solving Web Monetization Chaos with Payment Systems That Scale" (recording: https://gitnation.com/contents/from-fragile-to-future-proof-solving-web-monetization-chaos-with-payment-systems-that-scale)
- 28th Oct 2025: [International JavaScript Conference Munich](https://faziz-dev.com/events/international-javascript-conference-2025-10-28.md), Munich, Germany, as "From Fragile to Future-Proof: Solving Web Monetization Chaos with Payment Systems That Scale"
- 20th Sep 2025: [WhatTheStack](https://faziz-dev.com/events/whatthestack-2025-09-20.md), Skopje, North Macedonia, as "From Fragile to Future-Proof: Solving Web Monetization Chaos with Payment Systems That Scale" (recording: https://youtu.be/BWu7e5Qqx0g?si=iQ04PAImH-NTNzKD)
- 16th Jul 2025: [VueJsTalks July](https://faziz-dev.com/events/vuejstalks-2025-07-16.md), Online, as "From Fragile to Future-Proof: Solving Web Monetization Chaos with Payment Systems That Scale"
- 4th Jun 2025: [Frontend Nation](https://faziz-dev.com/events/frontend-nation-2025-06-04.md), Online, as "From Fragile to Future-Proof: Solving Web Monetization Chaos with Payment Systems That Scale" (recording: https://www.youtube.com/watch?v=0LB-Evlo00s)
- 25th Apr 2025: [CityJS London](https://faziz-dev.com/events/cityjs-london-2025-04-25.md), London, United Kingdom, as "From Fragile to Future-Proof: Solving Web Monetization Chaos with Payment Systems That Scale" (recording: https://www.youtube.com/watch?v=bULNn50q3P4)
- 28th Feb 2025: [Web Zurich February](https://faziz-dev.com/events/web-zurich-2025-02-28.md), Zurich, Switzerland, as "From Fragile to Future-Proof: Solving Web Monetization Chaos with Payment Systems That Scale"

## Booking

- Invite me to give this talk: https://faziz-dev.com/invite?kind=conference&talk=From%2012%20Hours%20to%2010%20Minutes%3A%20Engineering%20Smallpdf%E2%80%99s%20Reactive%20Payment%20Frontend
- Setup: Headset or lapel mic preferred — I like to move around the stage and engage with the audience. Handheld only as a backup.
- I reply within two working days. Press kit and rider: https://faziz-dev.com/press-kit

---

Faris Aziz: software engineer, speaker, ZurichJS co-founder. Geneva, Switzerland.
Site: https://faziz-dev.com · Invite to speak: https://faziz-dev.com/invite · Services: https://faziz-dev.com/services · Mentorship: https://faziz-dev.com/mentorship · Index for agents: https://faziz-dev.com/llms.txt
LinkedIn: https://www.linkedin.com/in/farisaziz12/ · GitHub: https://github.com/farisaziz12 · Bluesky: https://bsky.app/profile/farisaziz.com