How to build a reliable checkout experience
2 likes1,070 views
This document discusses building reliable checkout experiences for e-commerce apps using Node.js, PouchDB, and replicated transaction documents. It recommends using a single database per customer with one document per transaction, replicating transaction documents bidirectionally for offline tolerance. The clerk would react to transaction state changes and inject state changes from backend events. Code examples are provided for the UI using PouchDB-Redux-Middleware, backend using PouchClerk, and clerk for state transitions and asynchronous updaters.
How to build a reliable checkout experience
- 1. HI!
- 2. WHO AM I? ▸Pedro Teixeira ▸@pgte ▸Partner and Chief Futurist @ YLD ▸Node.js Developer ▸Offline-first enthusiast
- 5. HOW TO BUILD A RELIABLE CHECKOUT EXPERIENCE
- 6. …USING NODE.JS, POUCHDB AND REPLICATED TRANSACTION DOCUMENTS
- 7. E-COMMERCE
- 9. IS A JOURNEY THAT BEGINS WITH THE OPTIMISTIC CHECKOUT BUTTON
- 10. BUT ONLY REALLY BEGINS WITH THE CONFIRMATION BUTTON
- 16. UNDEFINED STATE
- 17. CLIENT CRASHES
- 20. https://youtu.be/aqvz5Oqs238 (LAST SLIDE TAKEN FROM ILYA GRIGORIK’S GOOGLE IO TALK)
- 21. MAIN TAKEAWAY IS DEVELOPING RELIABLE MOBILE APPS IS PARTICULARLY DIFFICULT
- 22. LET’S GRADE HOW APPS DEAL WITH NETWORKING FAILURES
- 24. D CUSTOMER IS NOTIFIED OF THE ERROR
- 25. C CUSTOMER CAN RECOVER FROM ERROR
- 26. B APP CAN RECOVER FROM SOME SYSTEM ERRORS
- 27. A APP CAN RECOVER FROM SOME SYSTEM AND USER ERRORS
- 29. WHY?
- 36. “WORKS ON MY LAPTOP”
- 37. BUT WAIT…
- 38. ALL WE NEED IS SYNC
- 46. SYNC PROTOCOL REPLICATES TRANSACTION DOC (BI-DIRECTIONAL) = OFFLINE TOLERANCE
- 47. CLERK REACTS TO TRANSACTION STATE CHANGES
- 49. CLERK INJECTS TRANSACTION STATE CHANGES WHEN BACK- END EVENT OCCURS
- 51. UI
- 54. BACK-END
- 55. POUCH-CLERK
- 56. CLERK 1. STATE TRANSITIONS 2. ASYNC UPDATERS
- 59. ASYNC UPDATERS
- 61. QUICK DEMO
- 62. DEMO IS ALSO OPEN SOURCE pgte/pouch-clerk-example-app
- 63. MORE 1. How to Build a Reliable Transaction Experience for your Customers (bl post) http://blog.yld.io/2016/06/24/how-to-build-a-reliable-transaction- experience-for-your-customers 2. Delivering a better transaction experience by using Replicated Transaction Documents (video) https://www.youtube.com/watch?v=2yb0tn3Q3Mg
- 64. THANK YOU!