Why Vue JS
1 like290 views
The document discusses the advantages of using Vue.js as a JavaScript framework, highlighting its performance, documentation, and community support. It covers aspects such as easy integration, component creation, and state management using tools like Vuex and Vue Router. The author emphasizes the importance of good design and efficient coding practices, ultimately presenting Vue as a well-rounded choice for developers.
Why Vue JS
- 1. Why Vue 🤔 – Praveen Puglia "
- 2. Praveen Puglia Sainthia, West Bengal Senior Software Engineer @praveenpuglia
- 3. The State of JavaScript Framework
- 4. …and The State of Build Tools
- 6. 🤑 Sell
- 7. The Boxes to Check Easy PerformanceDelightful Popular Progressive Tooling Docs Community 🤓 🕺 🏎 💗 😎 🛠 📖 ❤
- 8. Beyond The Chasm Image Courtesy - https://medium.com/@shahmm/crossing-the-chasm-and-the-early-majority-7ae8966b0cab
- 9. Popular Source - https://github.com/vuejs/awesome-vue
- 10. The Boxes to Check Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤
- 13. What’s In There? Great Examples On Point Language Talks about caveats Solutions when you need them Learning Cookbook
- 14. The Boxes to Check Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤
- 15. Lets Try It Out
- 16. The Obvious How do I include it in my project ? How to do that first Hello World ? How do I bind element attributes? How to conditionally hide or show something ? How do I generate elements from an array ? How do I bind an event to an element ? How do I pass parameters to that event binding ? How do I access the instance inside methods ? Can we do two-way data binding ? How do I disable/enable a button/input ?
- 17. The Not So Obvious Can I use JS methods inside the moustache bindings ? Are there multiple ways to set classes or styles on an element ? Is there a way to do else or else-if in templates ? What happens when I use v-if and v-for together ? How can I compute a property based on other properties ? Can I watch when a property changes & do something about it ?
- 18. “Good Design is as little design as possible”
- 20. Delight
- 21. Treats Shortcuts Event Modifiers Computed Properties Computed value caching One-time interpolations Iterating over Objects Under the hood template performance optimisation. Do I have to tell you how to do filters? Typecast, trim in v-model.
- 22. The Boxes to Check Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤ ✅✅
- 24. Component System How to create a component ? How do I use one component inside another component ? How do I pass data from parent to child component ? Adding class to component. Emit events. Non parent-child communication.
- 25. The Boxes to Check Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤ ✅✅ ✅
- 26. Tooling
- 27. First Class Support vue-router for Routing vuex for State Management vue-rx for RxJS Integration vue-devtools for Components, Events, States & Store debugging. TypeScript Support vue-cli so you can quickly scaffold projects with sensible defaults. Axios for AJAX
- 28. The Boxes to Check Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤ ✅✅ ✅ ✅
- 29. 🎉 All Checked
- 30. Praveen Puglia Sainthia, West Bengal Senior Software Engineer @praveenpuglia Thank You