Download as PDF, PPTX
Uploaded byPraveen Puglia
Why Vue JS
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, WestBengal Senior Software Engineer @praveenpuglia
- 3. The State ofJavaScript Framework
- 4. …and The Stateof Build Tools
- 5.
- 6.
- 7. The Boxes toCheck Easy PerformanceDelightful Popular Progressive Tooling Docs Community 🤓 🕺 🏎 💗 😎 🛠 📖 ❤
- 8. Beyond The Chasm ImageCourtesy - https://medium.com/@shahmm/crossing-the-chasm-and-the-early-majority-7ae8966b0cab
- 9. Popular Source -https://github.com/vuejs/awesome-vue
- 10. The Boxes toCheck Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤
- 11.
- 12.
- 13. What’s In There? GreatExamples On Point Language Talks about caveats Solutions when you need them Learning Cookbook
- 14. The Boxes toCheck Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤
- 15. Lets Try ItOut
- 16. The Obvious How doI 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 SoObvious 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 aslittle design as possible”
- 19.
- 20.
- 21. Treats Shortcuts Event Modifiers Computed Properties Computedvalue 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 toCheck Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤ ✅✅
- 24. Component System How tocreate 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 toCheck Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤ ✅✅ ✅
- 26.
- 27. First Class Support vue-routerfor 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 toCheck Easy PerformanceDelightful Popular Progressive Tooling Docs Community ✅ ✅ ✅ ✅ 🤓 🕺 🏎 💗 😎 🛠 📖 ❤ ✅✅ ✅ ✅
- 29.
- 30. Praveen Puglia Sainthia, WestBengal Senior Software Engineer @praveenpuglia Thank You