來自 Vue 官方團(tuán)隊(duì)的 57 個(gè)技術(shù)分享,請(qǐng)收下!
經(jīng)過我一番整理,今天給大家介紹一下這些核心團(tuán)隊(duì)成員以及他們的技術(shù)分享。
他們分別是:
Evan You(尤雨溪) Eduardo Kia King Ishii Anthony Fu Ben Hong Thorsten Lünborg Natalia Tepluhina Haoqun Jiang(蔣豪群) HcySunYang(霍春陽) Damian Dulisz Rahul Kadyan Kazupon Guillaume Chau Lachlan Miller
分享內(nèi)容包括:
Vue & Vite 進(jìn)展與展望 路由與狀態(tài)管理 composition-api 最佳實(shí)踐 Vue3 與 TS 支持 編譯,工程化與開發(fā)者工具 Vue 國際化 i18n Vue 測(cè)試
以下所有技術(shù)分享收錄在 https://github.com/Leecason/vue-team-talks 持續(xù)更新,文末也有鏈接,英語演講均有英文字幕,歡迎自取~
Evan You(尤雨溪)

Github:https://github.com/yyx990803
Vue & Vite 祖師爺。
技術(shù)分享
主要為 Vue & Vite 進(jìn)展與展望 相關(guān)分享
2022-01-26 New Vue 3 Docs[1] 2021-11-23 The New Vue[2] 2021-10-20 One Year Into Vue 3[3] 2021-05-22 Vue 3 生態(tài)進(jìn)展[4] 2021-02-26 State of the Vuenion 2021[5] 2021-02-12 下一代前端工具 ViteJS[6] 2020-11-05 Vite and VitePress[7] 2020-02-20 State of the Vuenion 2020[8] 2019-11-11 Vue 3.0 設(shè)計(jì)原則[9] 2019-06-08 Vue 進(jìn)展[10]
Eduardo

Github:https://github.com/posva
Vue 核心團(tuán)隊(duì)成員,維護(hù) Vue 官方路由,同時(shí)也是 pinia 以及 vuefire 的作者。
pinia 是新一代的狀態(tài)管理器,即 Vuex5.x vuefire 能綁定 Vue/Vuex 數(shù)據(jù)與 Firebase 云存儲(chǔ)數(shù)據(jù)庫,使兩者能實(shí)時(shí)同步
技術(shù)分享
主要為 Vue 路由與 Pinia 狀態(tài)管理 相關(guān)分享
2022-01-27 Beyond State Management with Pinia[11] 2021-02-26 Tips & Tricks for your Vue 3 applications[12] 2020-09-17 Exciting New Features for Routing in Vue3; Vue Router 4[13] 2020-03-03 Get the Most Out of Vue Router[14] 2020-02-21 Vue-router and its techniques[15]
Kia King Ishii

Github:https://github.com/kiaking
Vue 核心團(tuán)隊(duì)成員,vuex-orm 的作者,維護(hù)官方 vitepress 和 vuex。
vuex-orm 是 Vuex 的一個(gè)插件,用于支持對(duì) Vuex Store 的對(duì)象關(guān)系映射訪問。
技術(shù)分享
主要為 Vuex 狀態(tài)管理 相關(guān)分享
2022-02-11 Vuejs.org New Design[16] 2021-02-27 Vuex 5 Deep Dive[17] 2020-09-17 The State of VueX[18] 2020-02-21 Vuex ORM – Relational data management in Vue[19]
Anthony Fu

Github:https://github.com/antfu
Vue & Vite 核?團(tuán)隊(duì)成員,維護(hù) composition-api,同時(shí)也是 vitest,slidev,vueuse 等開源項(xiàng)目作者。
vitest 是由 Vite 提供支持的極速單元測(cè)試框架, slidev 是一個(gè)為開發(fā)者打造,基于 Markdown 的演示文稿工具 vueuse 提供了一些 composition API 常用工具集合
技術(shù)分享
主要為 composition-api 與 Vite 相關(guān)分享
2022-01-26 Introduction to Vitest[20] 2021-10-17 新技術(shù)和工具如何影響我們編寫 Vue 代碼的?式[21] 2021-05-22 Composable Vue, 編寫可組合可復(fù)?的 Vue 函數(shù)的最佳實(shí)踐與技巧[22] 2021-03-28 Develop with Vite | Vite快速入門[23] 2020-09-26 import { reactive } from 'vue',淺談 Vue 3 響應(yīng)式與組合式 API 的?些應(yīng)?[24]
Ben Hong

Github:https://github.com/bencodezen
Vue 核心團(tuán)隊(duì)成員,Vue Mastery 首席講師,維護(hù) vuejs/docs。
技術(shù)分享
主要為 composition-api 相關(guān)分享
2021-10-21 Options API vs Composition API: Choosing the Right Approach for Your Team[25] 2021-02-26 Introduction to Vue 3's Composition API[26]
Thorsten Lünborg

Github:https://github.com/LinusBorg
Vue 核心團(tuán)隊(duì)成員,對(duì) Vue 許多項(xiàng)目都有貢獻(xiàn),portal-vue 作者(也就是 Vue3 的內(nèi)置組件 )。
技術(shù)分享
主要為 Vue3 與 TS 支持,composition-api 相關(guān)分享
2021-02-26 Vue 3 and Typescript[27] 2020-02-20 Composition API Best Practices[28]
Natalia Tepluhina

Github:https://github.com/NataliaTepluhina
Vue 核心團(tuán)隊(duì)成員,維護(hù)官方 vuejs/docs 和 vue-cli。
技術(shù)分享
分享內(nèi)容包括 Vue Apollo,狀態(tài)管理,composition-api 和測(cè)試等 多方面
2021-11-23 7 ways to make your Vue unit tests better[29] 2021-10-20 Local State and Server Cache: Finding a Balance[30] 2021-04-14 The Vue 3 Composition API[31] 2021-02-26 Spin the wheel: building a truly reusable composable[32] 2020-09-17 Migrating a big old codebase to Vue 3: what I’m excited about[33] 2020-03-03 All You Need Is Apollo Client[34] 2020-02-20 You might not need Vuex[35] 2019-11-11 How to build beautiful Vuesualizations without being a scientist[36]
Haoqun Jiang(蔣豪群)

Github:https://github.com/sodatea
Vue & Vite 核心團(tuán)隊(duì)成員,維護(hù) vue-cli,create-vue 等 Vue 工程化相關(guān)生態(tài)。
技術(shù)分享
主要為 Vue 工程化 相關(guān)分享
2022-02-11 The New to Create Vue Projects[37] 2021-05-22 面向新一代構(gòu)建工具優(yōu)化代碼[38] 2021-02-27 Managing Complexity in Vue CLI[39] 2019-06-08 Vue Beyond Vue Loader[40] 2019-08-17 Vue 高效開發(fā)之路[41] 2019-10-26 談?wù)劶夹g(shù)項(xiàng)目的可維護(hù)性 2019-08-28 現(xiàn)代前端框架如何提高你的效率 2019-05-07 AST 與前端框架的工程化[42]
HcySunYang(霍春陽)

Github:https://github.com/HcySunYang
Vue 核心團(tuán)隊(duì)成員,負(fù)責(zé)維護(hù) Vue3 框架,并將 Vue3 設(shè)計(jì)理念出版成書 —— 《Vue.js設(shè)計(jì)與實(shí)現(xiàn)》 ,2022 年前端進(jìn)階必看,同時(shí)也是開源項(xiàng)目 vuese 作者。
vuese 能為 vue 組件自動(dòng)生成文檔,是組件文檔的一站式解決方案
技術(shù)分享
主要為 Vue 編譯 相關(guān)分享
2021-05-22 把 Vue SFC 編譯成 X[43]
Damian Dulisz

Github:https://github.com/shentao
Vue 核心團(tuán)隊(duì)成員,維護(hù) Vue 官方新聞 news.vuejs.org,也是 vue-multiselect,vue-global-events 的作者,參與維護(hù) vuelidate。
vue-multiselect 是一套完整的 Vue 選擇器解決方案,覆蓋各種選擇場景 vue-global-event 將全局事件注冊(cè)為一個(gè)組件,能快捷地監(jiān)聽頁面上任何地方的事件 vuelidate 是一個(gè)簡單,輕量的 Vue 表單校驗(yàn)工具
技術(shù)分享
主要為 composition-api 與 vuelidate 相關(guān)分享
2021-03-10 Intro to Composition-API[44] 2020-02-20 Vuelidate version for Vue 3.0[45]
Rahul Kadyan

Github:https://github.com/znck
Vue 核心團(tuán)隊(duì)成員,vuedx 及周邊生態(tài)作者。
vuedx 是一組提升開發(fā)者 IDE 開發(fā)體驗(yàn)的工具集
技術(shù)分享
主要為 Vue 開發(fā)體驗(yàn)與編譯 相關(guān)分享
2021-02-27 State of DX[46] 2020-09-17 Experience of the new Vue[47] 2020-02-21 New Vue. New Compiler. Let’s unbox[48]
Kazupon

Github:https://github.com/kazupon
Vue 核心團(tuán)隊(duì)成員,維護(hù) Vue 的國際化生態(tài),vue-i18n-next,vue-i18n,vue-cli-plugin-i18n,eslint-plugin-vue-i18n 的作者,Github 國際化組織 intlify 創(chuàng)建者,日本最大的 Vue 社區(qū) vuejs-jp 組織者。
技術(shù)分享
主要為 Vue 國際化 i18n 相關(guān)分享
2021-02-27 State of Vue i18n[49]
Guillaume Chau

Github:https://github.com/Akryum
Vue 核心團(tuán)隊(duì)成員,維護(hù)官方 vue devtools,vue-cli,同時(shí)也是 vue-apollo,vue-virtual-scroller,floating-vue 的作者。
vue-apollo 支持在 Vue.js 應(yīng)用中集成 GraphQL vue-virtual-scroller 是長列表虛擬滾動(dòng) Vue 解決方案 floating-vue 能方便地在 Vue 中創(chuàng)建彈出元素,比如 tooltips, popovers, dropdown, menus 等
技術(shù)分享
主要為 Vue 開發(fā)者工具 相關(guān)分享
2021-02-26 Extensible devtools[50] 2020-09-18 Maintaining OSS like vue-cli, vue-devtools, vue-apollo and more![51] 2020-02-21 Announcement related to Vue CLI UI[52]
Lachlan Miller

Github:https://github.com/lmiller1990
Vue 核心團(tuán)隊(duì)成員,專注于為 Vue 生態(tài)構(gòu)建測(cè)試工具。維護(hù)官方 test-utils 和 vue-jest。電子書 Vue 測(cè)試手冊(cè) | Vue Testing Handbook[53] 作者。
技術(shù)分享
主要為 Vue 測(cè)試 相關(guān)分享
2021-01-30 7 Vue Patterns That You Should Be Using More Often[54] 2020-11-07 Testing Vue 3 Apps: What's new in Vue Test Utils for Vue 3[55] 2020-09-30 Testing Vue 3 apps with Vue Test Utils[56]
所有技術(shù)分享收錄在 https://github.com/Leecason/vue-team-talks 持續(xù)更新,歡迎 star 或 watch。
謝謝支持??
如果覺得有用,就點(diǎn)贊、在看、分享吧,謝謝大家啦~
參考資料
2022-01-26 New Vue 3 Docs: https://www.youtube.com/watch?v=OXKefYhCVyw
[2]2021-11-23 The New Vue: https://www.youtube.com/watch?v=2KBHvaAWJOA&list=PLRxahvbQSa_v9nKUI_UOiRPG7IOnq7b7Y
[3]2021-10-20 One Year Into Vue 3: https://www.youtube.com/watch?v=jTxHtDAnd6E
[4]2021-05-22 Vue 3 生態(tài)進(jìn)展: https://www.youtube.com/watch?v=On6V97n_iEE
[5]2021-02-26 State of the Vuenion 2021: https://www.youtube.com/watch?v=El8Jw2CFj7g&list=PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF
[6]2021-02-12 下一代前端工具 ViteJS: https://www.bilibili.com/video/BV1kh411Q7WN
[7]2020-11-05 Vite and VitePress: https://www.youtube.com/watch?v=xXrhg26VCSc
[8]2020-02-20 State of the Vuenion 2020: https://www.youtube.com/watch?v=3COrQGxnPv0&list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn&index=28
[9]2019-11-11 Vue 3.0 設(shè)計(jì)原則: https://www.youtube.com/watch?v=WLpLYhnGqPA
[10]2019-06-08 Vue 進(jìn)展: https://www.youtube.com/watch?v=AnoZheeH0Nk
[11]2022-01-27 Beyond State Management with Pinia: https://www.youtube.com/watch?v=eflJ3VQZi6g
[12]2021-02-26 Tips & Tricks for your Vue 3 applications: https://www.youtube.com/watch?v=4KaakDai-3k
[13]2020-09-17 Exciting New Features for Routing in Vue3; Vue Router 4: https://www.youtube.com/watch?v=T5ZGRVxVm-A&list=PLCxzy-hmQq9HOg0mS0laLkMiTov2zyZ5q&index=17
[14]2020-03-03 Get the Most Out of Vue Router: https://www.youtube.com/watch?v=l9vvRqZ80vM&list=PLJNLwTPak6dgjZQOa9jroWZF4Ze9jlEZL&index=13
[15]2020-02-21 Vue-router and its techniques: https://www.youtube.com/watch?v=ysTn4XmFqNo&list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn&index=21
[16]2022-02-11 Vuejs.org New Design: https://www.youtube.com/watch?v=QJPnrTMTGt8&list=PLCxzy-hmQq9GorRHGMurhHZb1KRdWUiYk&index=2
[17]2021-02-27 Vuex 5 Deep Dive: https://www.youtube.com/watch?v=WmgQH4pOhUc&list=PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF&index=6
[18]2020-09-17 The State of VueX: https://curatedtalks.com/watch/kia-king-the-state-of-vue-x-at-vuejs-global
[19]2020-02-21 Vuex ORM – Relational data management in Vue: https://www.youtube.com/watch?v=wH_K5jmDALY&list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn&index=13
[20]2022-01-26 Introduction to Vitest: https://www.youtube.com/watch?v=CW9uTys0li0
[21]2021-10-17 新技術(shù)和工具如何影響我們編寫 Vue 代碼的?式: https://www.youtube.com/watch?v=CyaJLrqE9tc
[22]2021-05-22 Composable Vue, 編寫可組合可復(fù)?的 Vue 函數(shù)的最佳實(shí)踐與技巧: https://www.youtube.com/watch?v=84tk3XlS71c
[23]2021-03-28 Develop with Vite | Vite快速入門: https://www.youtube.com/watch?v=xx8gEHet6n8
[24]2020-09-26 import { reactive } from 'vue',淺談 Vue 3 響應(yīng)式與組合式 API 的?些應(yīng)?: https://antfu.me/posts/binfe-2020-zh
[25]2021-10-21 Options API vs Composition API: Choosing the Right Approach for Your Team: https://www.youtube.com/watch?v=C-av38HquXU
[26]2021-02-26 Introduction to Vue 3's Composition API: https://www.youtube.com/watch?v=fU1cV46aYEw&list=PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF&index=3
[27]2021-02-26 Vue 3 and Typescript: https://www.youtube.com/watch?v=UxKMydqv0Fo&list=PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF&index=22
[28]2020-02-20 Composition API Best Practices: https://www.youtube.com/watch?v=6D58SI9P-aU&list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn&index=14
[29]2021-11-23 7 ways to make your Vue unit tests better: https://www.youtube.com/watch?v=L_BK8zXGdBM
[30]2021-10-20 Local State and Server Cache: Finding a Balance: https://www.youtube.com/watch?v=kJTfHJcIIxc
[31]2021-04-14 The Vue 3 Composition API: https://www.youtube.com/watch?v=l12xx0N46KY
[32]2021-02-26 Spin the wheel: building a truly reusable composable: https://www.youtube.com/watch?v=yynmJ_3Sx2M&list=PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF&index=8
[33]2020-09-17 Migrating a big old codebase to Vue 3: what I’m excited about: https://www.youtube.com/watch?v=K1JoWmXh4qA&list=PLCxzy-hmQq9HOg0mS0laLkMiTov2zyZ5q&index=3
[34]2020-03-03 All You Need Is Apollo Client: https://www.youtube.com/watch?v=tXPvgWrLmeQ&list=PLJNLwTPak6dgjZQOa9jroWZF4Ze9jlEZL&index=3
[35]2020-02-20 You might not need Vuex: https://www.youtube.com/watch?v=sjB6wamZQN0&list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn&index=30
[36]2019-11-11 How to build beautiful Vuesualizations without being a scientist: https://www.youtube.com/watch?v=_lSPeCSCfh8
[37]2022-02-11 The New to Create Vue Projects: https://www.youtube.com/watch?v=V3JGZazdJwE&list=PLCxzy-hmQq9GorRHGMurhHZb1KRdWUiYk&index=3
[38]2021-05-22 面向新一代構(gòu)建工具優(yōu)化代碼: https://www.bilibili.com/video/BV1Jo4y117LA/
[39]2021-02-27 Managing Complexity in Vue CLI: https://www.youtube.com/watch?v=Y-1y0JjflOU&list=PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF&index=5
[40]2019-06-08 Vue Beyond Vue Loader: https://www.youtube.com/watch?v=reNHZrUGquM
[41]2019-08-17 Vue 高效開發(fā)之路: https://zdk.f2er.net/wx/detail/5d59c538f0360d2cc1ba6ec5
[42]2019-05-07 AST 與前端框架的工程化: https://www.infoq.cn/article/qkaibf_1edauwzpydpt0
[43]2021-05-22 把 Vue SFC 編譯成 X: https://www.youtube.com/watch?v=98kTtXrjnWg
[44]2021-03-10 Intro to Composition-API: https://www.youtube.com/watch?v=5QNz2tXnFlY
[45]2020-02-20 Vuelidate version for Vue 3.0: https://www.youtube.com/watch?v=5-Z-EmTnDyU&list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn&index=23
[46]2021-02-27 State of DX: https://www.youtube.com/watch?v=dh7Mj0cCVjY&list=PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF&index=4
[47]2020-09-17 Experience of the new Vue: https://www.youtube.com/watch?v=i9bW2IdA8r0&list=PLCxzy-hmQq9HOg0mS0laLkMiTov2zyZ5q&index=27
[48]2020-02-21 New Vue. New Compiler. Let’s unbox: https://www.youtube.com/watch?v=k-mSbrj_fjU&list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn&index=25
[49]2021-02-27 State of Vue i18n: https://www.youtube.com/watch?v=7yaY1UDhhsk&list=PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF&index=7
[50]2021-02-26 Extensible devtools: https://www.youtube.com/watch?v=bq-kv_i6WIk&list=PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF&index=19
[51]2020-09-18 Maintaining OSS like vue-cli, vue-devtools, vue-apollo and more!: https://www.youtube.com/watch?v=Ow0W3Nc9mD4&list=PLCxzy-hmQq9HOg0mS0laLkMiTov2zyZ5q&index=11
[52]2020-02-21 Announcement related to Vue CLI UI: https://www.youtube.com/watch?v=GNW39QLvCU0&list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn&index=18
[53]Vue 測(cè)試手冊(cè) | Vue Testing Handbook: https://lmiller1990.github.io/vue-testing-handbook/v3/
[54]2021-01-30 7 Vue Patterns That You Should Be Using More Often: https://www.youtube.com/watch?v=muaBCsVE-NM
[55]2020-11-07 Testing Vue 3 Apps: What's new in Vue Test Utils for Vue 3: https://www.youtube.com/watch?v=Tvnn93q6-so
[56]2020-09-30 Testing Vue 3 apps with Vue Test Utils: https://www.youtube.com/watch?v=0lV4dVYOyBw&list=PLC2LZCNWKL9ahK1IoODqYxKu5aA9T5IOA
最后
如果你覺得這篇內(nèi)容對(duì)你挺有啟發(fā),我想邀請(qǐng)你幫我個(gè)小忙:
點(diǎn)個(gè)「喜歡」或「在看」,讓更多的人也能看到這篇內(nèi)容
我組建了個(gè)氛圍非常好的前端群,里面有很多前端小伙伴,歡迎加我微信「sherlocked_93」拉你加群,一起交流和學(xué)習(xí)
關(guān)注公眾號(hào)「前端下午茶」,持續(xù)為你推送精選好文,也可以加我為好友,隨時(shí)聊騷。

