Getting Lazy with Vue and PDFs

I share the most important lessons learned while building a PDF Viewer in Vue.

Transcript

1. Ross Kaffenberger @rossta Getting Lazy with Vue and PDFs
2. Ross Kaffenberger @rossta Building a PDF Vue-er
3. #dadjokes
5. • ross kaffenberger @rossta
6. rossta.net/vue-pdfjs-demo
8. PDF.js fetching
10. PDF.js rendering
12. PDF.js in Vue
15. Problem: Large PDFs
16. •Lazy render: draw to canvas when visible •“Infinite” scroll: fetch pages in batches
17. Iteration #1: Math!
26. Problem: Vue cannot watch $el properties
27. Manual work
32. Next iteration:
33. IntersectionObserver!
36. Advantages
37. •no $el property tracking •less code, fewer bugs •easier to extend
38. Akryum/vue-observe-visibility
39. Lesson: Opt for Vue-friendliness
41. Lesson: Be curious and flexible
42. rossta/vue-pdfjs-demo
43. @rossta rossta.net/talks ross@rossta.net