來(lái)自 Vue 官方團(tuán)隊(duì)的 57 個(gè)技術(shù)分享

最近在看 Vue 團(tuán)隊(duì)成員的技術(shù)演講，從中能了解到他們的設(shè)計(jì)思考以及最佳實(shí)踐，看完一場(chǎng)收獲頗多。

經(jīng)過(guò)我一番整理，今天給大家介紹一下這些核心團(tuán)隊(duì)成員以及他們的技術(shù)分享。

他們分別是：

• Evan You（尤雨溪）
• Eduardo
• Kia King Ishii
• Anthony Fu
• Ben Hong
• Thorsten Lünborg
• Natalia Tepluhina
• Haoqun Jiang（蔣豪群）
• HcySunYang（霍春陽(yáng)）
• Damian Dulisz
• Rahul Kadyan
• Kazupon
• Guillaume Chau
• Lachlan Miller

分享內(nèi)容包括：

• Vue & Vite 進(jìn)展與展望
• 路由與狀態(tài)管理
• composition-api 最佳實(shí)踐
• Vue3 與 TS 支持
• 編譯，工程化與開(kāi)發(fā)者工具
• Vue 國(guó)際化 i18n
• Vue 測(cè)試

以下所有技術(shù)分享收錄在 https://github.com/Leecason/vue-team-talks 持續(xù)更新，文末也有鏈接，英語(yǔ)演講均有英文字幕，歡迎自取～

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ù)庫(kù)，使兩者能實(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)系映射訪問(wè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 等開(kāi)源項(xiàng)目作者。

• vitest 是由 Vite 提供支持的極速單元測(cè)試框架，
• slidev 是一個(gè)為開(kāi)發(fā)者打造，基于 Markdown 的演示文稿工具
• vueuse 提供了一些 composition API 常用工具集合

技術(shù)分享

主要為 composition-api 與 Vite 相關(guān)分享

• 2022-01-26 Introduction to Vitest^[20]
• 2021-10-17 新技術(shù)和工具如何影響我們編寫(xiě) Vue 代碼的?式^[21]
• 2021-05-22 Composable Vue, 編寫(xiě)可組合可復(fù)?的 Vue 函數(shù)的最佳實(shí)踐與技巧^[22]
• 2021-03-28 Develop with Vite | Vite快速入門(mén)^[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 高效開(kāi)發(fā)之路^[41]
• 2019-10-26 談?wù)劶夹g(shù)項(xiàng)目的可維護(hù)性
• 2019-08-28 現(xiàn)代前端框架如何提高你的效率
• 2019-05-07 AST 與前端框架的工程化^[42]

HcySunYang（霍春陽(yáng)）

Github：https://github.com/HcySunYang

Vue 核心團(tuán)隊(duì)成員，負(fù)責(zé)維護(hù) Vue3 框架，并將 Vue3 設(shè)計(jì)理念出版成書(shū) —— 《Vue.js設(shè)計(jì)與實(shí)現(xiàn)》 ，2022 年前端進(jìn)階必看，同時(shí)也是開(kāi)源項(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 選擇器解決方案，覆蓋各種選擇場(chǎng)景
• vue-global-event 將全局事件注冊(cè)為一個(gè)組件，能快捷地監(jiān)聽(tīng)頁(yè)面上任何地方的事件
• vuelidate 是一個(gè)簡(jiǎn)單，輕量的 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 是一組提升開(kāi)發(fā)者 IDE 開(kāi)發(fā)體驗(yàn)的工具集

技術(shù)分享

主要為 Vue 開(kāi)發(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 的國(guó)際化生態(tài)，vue-i18n-next，vue-i18n，vue-cli-plugin-i18n，eslint-plugin-vue-i18n 的作者，Github 國(guó)際化組織 intlify 創(chuàng)建者，日本最大的 Vue 社區(qū) vuejs-jp 組織者。

技術(shù)分享

主要為 Vue 國(guó)際化 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 是長(zhǎng)列表虛擬滾動(dòng) Vue 解決方案
• floating-vue 能方便地在 Vue 中創(chuàng)建彈出元素，比如 tooltips, popovers, dropdown, menus 等

技術(shù)分享

主要為 Vue 開(kāi)發(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ì)成員，專(zhuān)注于為 Vue 生態(tài)構(gòu)建測(cè)試工具。維護(hù)官方 test-utils 和 vue-jest。電子書(shū) 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。