Ретроспективный взгляд на Vue 3. Даша Сабурова, Vue-разработчик Lamoda Tech

Transcript

1. Ретроспективный взгляд на Vue 3
2. Дарья Сабурова 2 ~9 лет во фронтенде ~6 лет на Vue ex. ex. наставник now
3. 3 Timeline Родился VueJS (release 0.6.0) dec release Animatrixx (ver 0.9.0) feb Появился логотип apr One Piece release 3.0 sep Blade Runner release 1.0 oct Ghost in Shell release 2.0 oct 2013 2014 2015 2016 2020
4. 4 1 2 3 Понять, как происходило развитие Vue 3 Оценить влияние сообщества Обучиться и вдохновиться на новые свершения
5. experimental deprecated stable delete bug / bugfix
6. 6 Vue 3.0 - One Piece 18 september ‘20 start
7. 7 Fragments Vue 3.0 - One Piece
8. 8 Composition API Vue 3.0 - One Piece Options API Composition API
9. 9 Composition API Vue 3.0 - One Piece meetup #4 Тихон Соколов Vue Composition (Function) API youtube
10. 10 TS Vue 3.0 - One Piece
11. 11 v-model Vue 3.0 - One Piece
12. 12 Teleport Vue 3.0 - One Piece
13. 13 Teleport Vue 3.0 - One Piece
14. 14 refs & v-for Vue 3.0 - One Piece
15. filters $on, $once, $off $scopedSlots $listeners и далее, далее, далее… Vue 3.0 - One Piece
16. 9 month 16 Vue 3.1 - Pluto 7 june ‘21
17. 17 @vue/compat Vue 3.1 - Pluto docs
18. 18 script setup Vue 3.1 - Pluto
19. 19 v-bind в css Vue 3.1 - Pluto
20. 20 Expose API Vue 3.1 - Pluto
21. 21 props undefined Vue 3.1 - Pluto
22. 22 props undefined Vue 3.1 - Pluto
23. 23 props undefined Vue 3.1 - Pluto
24. 24 Никакого IE! Vue 3.1 - Pluto rfc
25. 2 month 25 Vue 3.2 – Пять невест 9 august ‘21
26. 26 Performance Improvements Vue 3.2 - Quintessential Quintuplets • Более эффективная реализация ref (чтение ~260%, запись ~ 50%) • Отслеживание зависимостей быстрее на 40% • Уменьшение потребление памяти на 17%
27. 27 v-memo Vue 3.2 - Quintessential Quintuplets
28. 28 refs & v-for Vue 3.2 - Quintessential Quintuplets
29. 29 Reactivity Transform Vue 3.2 - Quintessential Quintuplets
30. 30 Reactivity Transform Vue 3.2 - Quintessential Quintuplets
31. script setup v-bind in CSS Vue 3.2 - Quintessential Quintuplets
32. 22 month 32 Vue 3.3 – Бродяга Кэнсин 11 may ‘23
33. 33 Type to defineProps Vue 3.3 - Rurouni Kenshin
34. 34 Type to defineProps Vue 3.3 - Rurouni Kenshin
35. 35 Type to defineEmits Vue 3.3 - Rurouni Kenshin
36. 36 defineSlots Vue 3.3 - Rurouni Kenshin
37. 37 Generic components Vue 3.3 - Rurouni Kenshin
38. 38 Generic components Vue 3.3 - Rurouni Kenshin
39. 39 Reactivity Transform Vue 3.3 - Rurouni Kenshin reasons
40. 40 Деструктуризация props Vue 3.3 - Rurouni Kenshin
41. 41 defineModel Vue 3.3 - Rurouni Kenshin
42. defineModel Vue 3.4 –Slam Dunk
43. ~7 month 43 Vue 3.4 – Slam Dunk 29 december ‘23
44. 44 Сокращение в v-bind Vue 3.4 –Slam Dunk
45. 45 Improve the template parser Vue 3.4 –Slam Dunk PR#9674
46. 46 Improvement reactivity Vue 3.4 –Slam Dunk
47. 47 Once Watchers Vue 3.4 –Slam Dunk
48. 48 Hydration mismatch errors Vue 3.4 –Slam Dunk
49. 49 Hydration mismatch errors Vue 3.4 –Slam Dunk
50. Reactivity Transform Vue 3.4 –Slam Dunk
51. 8 month 51 Vue 3.5 – Гуррен Лаганн 3 september ‘24
52. 52 data-allow-mismatch Vue 3.5 - Tengen Toppa Gurren Lagann
53. 53 data-allow-mismatch Vue 3.5 - Tengen Toppa Gurren Lagann
54. 54 data-allow-mismatch Vue 3.5 - Tengen Toppa Gurren Lagann
55. 55 useId Vue 3.5 - Tengen Toppa Gurren Lagann
56. 56 Lazy Hydration Vue 3.5 - Tengen Toppa Gurren Lagann
57. 57 Lazy Hydration Vue 3.5 - Tengen Toppa Gurren Lagann
58. 58 Lazy Hydration Vue 3.5 - Tengen Toppa Gurren Lagann
59. 59 Lazy Hydration Vue 3.5 - Tengen Toppa Gurren Lagann
60. 60 Lazy Hydration Vue 3.5 - Tengen Toppa Gurren Lagann
61. 61 useTemplateRef Vue 3.5 - Tengen Toppa Gurren Lagann
62. 62 Teleports Vue 3.5 - Tengen Toppa Gurren Lagann
63. 63 Teleports Vue 3.5 - Tengen Toppa Gurren Lagann
64. 64 Watch deep Vue 3.5 - Tengen Toppa Gurren Lagann
65. 65 Watch deep Vue 3.5 - Tengen Toppa Gurren Lagann
66. 66 pause/resume Vue 3.5 - Tengen Toppa Gurren Lagann
67. 67 onWatcherCleanup Vue 3.5 - Tengen Toppa Gurren Lagann
68. 68 Улучшения реактивности Vue 3.5 - Tengen Toppa Gurren Lagann PR#10397
69. Деструктуризация props Vue 3.5 - Tengen Toppa Gurren Lagann
70. ??? 70 Vue 3.6 - лето 2025 Ushio & Tora
71. 71 youtube
72. 72 alien-signals и улучшение реактивности Vue 3.6 - Ushio & Tora
73. 73 Vapor Mode Vue 3.6 - Ushio & Tora
74. 74 Итоги Секрет успеха - сильное и дружное комьюнти
75. 75 Итоги
76. 76 Итоги Секрет успеха - сильное и дружное комьюнти Развитая экосистема вокруг фреймворка
77. 77 Итоги
78. 78 Итоги Секрет успеха - сильное и дружное комьюнти Развитая экосистема вокруг фреймворка Адаптация к современным требованиям и тенденциям
79. 79 Итоги
80. 80 Итоги Секрет успеха - сильное и дружное комьюнти Развитая экосистема вокруг фреймворка Адаптация к современным требованиям и тенденциям Баланс между новым и старым
81. 81 Итоги Новые фичи Старые фичи
82. 82 Всем спасибо, вопросы? GoodwillDarina goodwilldarina.github.io/ @goodwill_darina @notebook_frontender Дарья Сабурова