Vue.js, apenas mais um framework javascript, será?

Uma introdução ao Vue.js, mostrando o porque ele pode ser uma ótima alternativa em meio ao mar de frameworks js.

Transcript

1. V U E . J S A P E N A S M A I S U M F R A M E W O R K J AVA S C R I P T, S E R Á ?
2. M I L E N E V I E I R A L A C E R D A Desenvolvedora Front-end Google na ilegra, Estudante de Tecnologia em Sistemas para Internet, Criadora do projeto Encoding Women. 
 Twitter/Instagram/Github: @milenevlacerda Email: milenelacerda@icloud.com / milene.lacerda@ilegra.com
3. V U E . J S A P E N A S M A I S U M F R A M E W O R K J AVA S C R I P T, S E R Á ?
4. O Q U E É ? * L I B / F R A M E W O R K J S * R E AT I VO * D E S E N VO LV I M E N TO D E C O M P O N E N T E S E S PA ' S .
5. R E AT I V I DA D E
7. I N STA L A Ç Ã O
8. P R É - R E Q U I S I TO : N O D E J S $ npm install vue-cli -g
9. I N I C I A N D O N OVO P R OJ E TO
10. $ vue init webpack-simple nomeDoProjeto https://github.com/vuejs-templates
11. R O DA N D O A A P L I C A Ç Ã O
12. $ cd nomeDoProjeto $ npm install $ npm run dev
13. * B A B E L * W E B PAC K
14. D O Q U E É CO M P OSTO?
16. N O Q U E É B A S E A D O?
17. A N G U L A R + R E AC T
18. O Q U E O D I F E R E E N T Ã O? A simplicidade de trabalhar com ele!
19. * S E D E S TAC A P E L A S UA S I M P L I C I DA D E E M E X E C U TA R A S M E S M A S TA R E FA S D E O U T R O S F R A M E W O R K S . * P O S S U I O S M E S M O S C O N C E I TO S Q U E U M F R A M E W O R K R E AT I VO P O S S U I ( DATA B I N D , T W O WAY, E V E N T S )
20. * T E M P L AT E C O M P L E X A N Ã O É N A DA AG R A D Á V E L D E M A N T E R * T É C N I C A S D E C A R R E G A M E N TO E X T E R N O D E H T M L
21. S I N G L E F I L E CO M P O N E N T S
24. CO M P O N E N T E S G LO B A I S X LO C A I S
25. CO M U N I C A Ç Ã O E N T R E CO M P O N E N T ES
26. * C O M U N I C A Ç Ã O PA I - > F I L H O = O K * C O M U N I C A Ç Ã O F I L H O - > PA I = E V E N T- H E L L
27. S I N G L E SO U R C E O F T R U T H
28. * L O C A L C E N T R A L I Z A D O PA R A A D I C I O N A R / M O D I F I C A R O S DA D O S * D I S P O N Í V E L PA R A TO D O S O S C O M P O N E N T E S 
 * N E N H U M C O M P O N E N T E M O D I F I C A A I N F O R M A Ç Ã O D I R E TA M E N T E , G A R A N T I N D O A C O N S I S T Ê N C I A D O S DA D O S
29. V U E X http://www.vuejs-brasil.com.br/vuex/ https://vuex.vuejs.org/en/
30. A S P EC TOS I M P O R TA N T ES
31. F L E X I B I L I DA D E
32. P E R F O R M A N C E
33. CO M PA R A N D O V U E . J S E R E AC TJ S CO M DA D OS TA B U L A R E S D I N Â M I COS https://engineering.footballradar.com/from-a-react-point-of-vue-comparing-reactjs-to-vuejs-for-dynamic-tabular-data/ https://engineering.footballradar.com/a-fairer-vue-of-react-comparing-react-to-vue-for-dynamic-tabular-data-part-2/
34. C E N Á R I O D O T EST E : Página com uma tabela de dados aninhados, atualizando com frequência com um número fixo de linhas, englobando um radar de jogos de futebol; O T EST E :
35. 5 0 J O G OS : VueJS REACT
36. 1 0 0 J O G OS : VueJS REACT
37. 5 0 0 J O G OS : VueJS REACT
38. L I V R E !
39. A L É M D I S SO. . . O Vue está recém na sua versão 2.0 e já tem muitos aspectos melhores do que outros frameworks citados
40. A P O P U L A R I DA D E
41. G O O G L E T R E N DS
42. G I T H U B T R E N D STAT I ST I C S
43. A L L T I M ES H A N K I N G https://stats.js.org/
 
 (13º lugar)
44. E M P R E S A S U S A N D O V U E E M P R O D U Ç Ã O
45. * A L I B A B A * B A I D U * T E N C E N T * X I AO M I * L I N E C O R P * N I N T E N D O * P R O J E TO S D E C Ó D I G O A B E RTO Q U E AG O R A U S A M V U E . J S E X T E N S I VA M E N T E : L A R AV E L , G I T L A B E PAG E K I T.
46. O F U T U R O D O V U E
47. CO N C LU I N D O. . .
48. * V U E É M U I TO S I M P L E S * FAC I L I TA M U I TO A V I DA D O D E S E N VO LV E D O R Q U E N Ã O Q U E R A P R E N D E R TA N TO PA R A I M P L E M E N TA R S UA A P L I C A Ç Ã O, P O I S A C U RVA D E A P R E N D I Z A D O P E B E M B A I X A * N Ã O F O R Ç A U M A E S T R U T U R A P R É - D E F I N I DA = F L E X I B I L I DA D E * T E M Ó T I M A P E R F O R M A N C E E L I B E R DA D E , D I F E R E N T E M E N T E D O A N G U L A R * R E AC T, C O M PA R A N D O C O M O V U E S E TO R N A M U I TO V E R B O S O * C O N T I N UA C R E S C E N D O R A P I DA M E N T E
49. O B R I GA DA ! : ) Twitter/Instagram/Github: @milenevlacerda Email: milenelacerda@icloud.com / milene.lacerda@ilegra.com