Download to read offline
![THE CLERK
[MISSING IMAGE]](https://image.slidesharecdn.com/presentation-161007130236/75/How-to-build-a-reliable-checkout-experience-61-2048.jpg)
Uploaded byPedro Teixeira
How to build a reliable checkout experience
Pedro Teixeira discusses building a reliable checkout experience using Node.js, PouchDB, and replicated transaction documents, highlighting common issues such as duplicate transactions and client crashes. He emphasizes the importance of offline-first strategies and the use of service workers to handle networking failures in mobile applications. The presentation also covers the need for effective synchronization protocols to ensure data integrity and improve user experience.
How to build a reliable checkout experience
- 1.
- 2. WHO AM I? ▸PedroTeixeira ▸@pgte ▸Partner and Chief Futurist @ YLD ▸Node.js Developer ▸Offline-first enthusiast
- 5. HOW TO BUILDA RELIABLE CHECKOUT EXPERIENCE
- 6. …USING NODE.JS, POUCHDB AND REPLICATEDTRANSACTION DOCUMENTS
- 7.
- 8.
- 9. IS A JOURNEYTHAT BEGINS WITH THE OPTIMISTIC CHECKOUT BUTTON
- 10. BUT ONLY REALLY BEGINSWITH THE CONFIRMATION BUTTON
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 20. https://youtu.be/aqvz5Oqs238 (LAST SLIDE TAKENFROM ILYA GRIGORIK’S GOOGLE IO TALK)
- 21. MAIN TAKEAWAY IS DEVELOPINGRELIABLE MOBILE APPS IS PARTICULARLY DIFFICULT
- 22.
- 23.
- 24.
- 25.
- 26.
- 27. LET’S GRADE HOW APPSDEAL WITH NETWORKING FAILURES
- 28.
- 30. D CUSTOMER IS NOTIFIED OFTHE ERROR
- 31.
- 32. B APP CAN RECOVERFROM SOME SYSTEM ERRORS
- 33. A APP CAN RECOVERFROM SOME SYSTEM AND USER ERRORS
- 35.
- 36.
- 37.
- 42.
- 43. HTTP IS THE WRONGLEVEL OF ABSTRACTION
- 44. “WORKS ON MYLAPTOP”
- 45.
- 46. ALL WE NEEDIS SYNC
- 48.
- 51.
- 58.
- 59.
- 60. SYNC PROTOCOL REPLICATES TRANSACTIONDOC (BI-DIRECTIONAL) = OFFLINE TOLERANCE
- 61.
- 62.
- 64. CLERK INJECTS TRANSACTION STATE CHANGES (WHENBACK-END EVENT OCCURS)
- 65.
- 66.
- 67.
- 69.
- 70.
- 71. CLERK 1. STATE TRANSITIONS 2.ASYNC UPDATERS
- 72.
- 74.
- 76.
- 77. DEMO IS ALSOOPEN SOURCE https://github.com/ pgte/pouch-clerk-example-app
- 78.
- 79. ‣ LONG-RUNNING TRANSACTIONS ‣COLLABORATIVE GAMES ‣ … SUPPORT FOR
- 80.
- 81.
- 82.