<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          來自 Vue 官方團(tuán)隊(duì)的 57 個(gè)技術(shù)分享,請(qǐng)收下!

          共 12138字,需瀏覽 25分鐘

           ·

          2022-06-01 09:03

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

          經(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)分享

          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-nextvue-i18n,vue-cli-plugin-i18neslint-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-apollovue-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)贊、在看分享吧,謝謝大家啦~

          參考資料

          [1]

          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è)小忙:

          1. 點(diǎn)個(gè)「喜歡」或「在看」,讓更多的人也能看到這篇內(nèi)容

          2. 我組建了個(gè)氛圍非常好的前端群,里面有很多前端小伙伴,歡迎加我微信「sherlocked_93」拉你加群,一起交流和學(xué)習(xí)

          3. 關(guān)注公眾號(hào)「前端下午茶」,持續(xù)為你推送精選好文,也可以加我為好友,隨時(shí)聊騷。



          點(diǎn)個(gè)喜歡支持我吧,在看就更好了
          瀏覽 35
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  亚洲欧美国产高清vA在线播放 | 国产亚洲欧美在线 | 黄色a一级直播 | 18禁一区 | 人人操人人干在线观看 |