O slideshow foi denunciado.
Seu SlideShare está sendo baixado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

0

Compartilhar

Baixar agora Baixar

Baixar para ler offline

Progressive Javascript: Why React when you can Vue?

Baixar agora Baixar

Baixar para ler offline

More choices, more problems. Right? This talk would be specially focused around what features the VueJS framework bring to the table, which compromises would you make while choosing your suitable framework, and what out of the box magic props would you be getting if you sided with VueJS. With a minimal arsenal of experimenting with ReactJS and VueJS, and handling migrations of projects to Vue in the past year, I intend to share my experience with the javascript community and enthusiasts.

Audiolivros relacionados

Gratuito durante 30 dias do Scribd

Ver tudo
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Progressive Javascript: Why React when you can Vue?

  1. 1. Progressive JavaScript Why React when you can Vue?
  2. 2. Hello! I am Sonal Raj 5 year old JS developer Full Stack Enthusiast 2
  3. 3. What is VueJS? 3
  4. 4. The Vue-logy 4 ◎ Gentle learning curve ◎ Lightweight ◎ Flexible ◎ Modular ◎ Highly Performant Plus, incredible development speed with ready-to-use plug-ins.
  5. 5. 5
  6. 6. 6 Interpolations Directives – V-attributes that modify the DOM Filters
  7. 7. 7 Computed props are complex manipulations of reactive props, cached based on their dependencies
  8. 8. 8 Watchers are generic way to react to data changes, for asynchronous or expensive operations
  9. 9. 9 Reactivity
  10. 10. 10 Components Ok the data binding is neat for small demos. What about big apps?
  11. 11. 11 Modularity You will be disappointed if you still love global scopes!
  12. 12. 12 Two Way Binding The VueJS magic!
  13. 13. 13 Handling User Inputs Make the app communicative.
  14. 14. 14 What to do for Application Scalability
  15. 15. 15 Full Stack Use MVVM pattern with focus on the View model, connecting View and model with two-way reactive data-binding ◎ Veux ◎ Vue Router ◎ Vue Test Utils ◎ Vue CLI
  16. 16. 16 Vue CLI Project Generator for initial project setup and scaffolding
  17. 17. 17 Single File Components ◎ Encapsulate template, javascript and CSS ◎ Webpack / Browserify build tools ◎ Component Scoped CSS ◎ VueLoader
  18. 18. 18 Vue Routing ◎ Dynamic routing matching with params and query params ◎ Nested routes, named routes ◎ Redirects ◎ Aliases
  19. 19. 19 Veux
  20. 20. 20 Veux State Management ◎ ELM-inspired, flux-like ◎ Storage of the application state ◎ Redirects ◎ Aliases
  21. 21. 21 Benchmarking
  22. 22. 22 React v/s Vue ◎ React wins in richness of its ecosystem and custom renderers ◎ Vuejs wins in all performance profiles (Thanks to virtual DOM) ◎ Vuejs faster dev mode with up to 10xframe rate
  23. 23. 23 Speed Stats
  24. 24. 24
  25. 25. 25 Porting of large projects to VueJS Common Mistakes
  26. 26. 26 Porting of large projects to VueJS Lessons Learnt
  27. 27. 27 Migration Tips and Tricks
  28. 28. 28 Testing in VueJS ◎ Testing Filters ◎ Component Testing tools ◎ Property change verifications ◎ Veux Store Testing ◎ Event Tests
  29. 29. 29 [ Rapid App Dev with VueJS ] DEMO
  30. 30. 30 Extra Productivity Tools ◎ JSX – If you are a fan! ◎ Combile with redux using vue-redux ◎ Can use redux-sagas with vue-sagas ◎ vue-migration-helper ◎ awesome-vue
  31. 31. Thanks! Any questions? You can find me at sonal-raj@github & sonal.nitjsr@gmail.com 31

    Seja o primeiro a comentar

    Entre para ver os comentários

More choices, more problems. Right? This talk would be specially focused around what features the VueJS framework bring to the table, which compromises would you make while choosing your suitable framework, and what out of the box magic props would you be getting if you sided with VueJS. With a minimal arsenal of experimenting with ReactJS and VueJS, and handling migrations of projects to Vue in the past year, I intend to share my experience with the javascript community and enthusiasts.

Vistos

Vistos totais

103

No Slideshare

0

De incorporações

0

Número de incorporações

0

Ações

Baixados

3

Compartilhados

0

Comentários

0

Curtir

0

×