Download as PDF, PPTX
![[WIP]](https://image.slidesharecdn.com/ato-2019-190424140754/75/Expectations-vs-Reality-When-Implementing-vue-js-34-2048.jpg)
Uploaded byAll Things Open
Expectations vs Reality When Implementing vue.js
The document discusses the challenges and benefits of implementing Vue.js at Cognito Forms, focusing on the transition from outdated technologies like jQuery and msajax to a more modern framework. It highlights Vue's incremental adoptability, ease of integration, and capabilities for building sophisticated applications, alongside the complexities of refactoring existing code and managing build processes. The author emphasizes the positive impact of using modern testing and development tools within the Vue ecosystem.
More Related Content
Similar to Expectations vs Reality When Implementing vue.js
![[DevDay2019] Vue.js - By Nguyen Viet Cuong, Engineer at MTI Technology](https://cdn.slidesharecdn.com/ss_thumbnails/cuongnguyenviet-devdayslide-190408081904-thumbnail.jpg?width=640&height=640&fit=bounds)
![Governance, Deployment & Methodologies for Agentic Automation [2/3]](https://cdn.slidesharecdn.com/ss_thumbnails/agenticcommunityseries-day2-251112135038-a386476d-thumbnail.jpg?width=640&height=640&fit=bounds)
Expectations vs Reality When Implementing vue.js
- 1. Expectations vs Reality WhenImplementing Vue.js Taylor Kimmett Software developer at Cognito Forms
- 3.
- 6.
- 7. Aging client technology ▪jQuery – 12 years old ▪ MSAjax – 10 years old ▪ ExoWeb ▪ open source library we built
- 8. Maintenance ▪ Loosely connectedscripts ▪ JS + HTML in C#
- 12.
- 13. Limited community ▪ Thirdparty software ▪ Documentation, learning resources
- 14. Size ▪ jQuery: 91KB ▪MsAjax: 121KB ▪ Vue + compiler: 92KB 212KB jQuery + MsAjax 92KB Vue + compiler
- 15.
- 16. From the docs Vueis a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.
- 17.
- 18.
- 19. Single File Components ▪ Organization ▪Clarity ▪ Separation of Concerns?
- 20. The Realities ofRefactor
- 21. Where to start? ▪Two sides of Cognito ▪ More complex first Admin Public Form
- 22. The build step ▪A necessary evil? ▪ Webpack ▪ Modules ▪ Configuration galore ▪ A force for good
- 23.
- 24.
- 25.
- 26.
- 28.
- 29.
- 30. Optimize requests ▪ Codegeneration approach ▪ Vue + Webpack approach
- 32. Testing ▪ An unexpectedgift ▪ Current testing strategy ▪ Jest ▪ Easy, fast, fun
- 33.
- 34.
- 36.
- 38. The future ▪ Beta ▪Compatibility ▪ Admin ▪ Optimistic
- 39.