Pelajaran dari Menulis Vue.js Versi Utama Berikutnya

Diposting oleh Evan You

Selama setahun terakhir, tim Vue telah mengerjakan versi utama Vue.js berikutnya, yang kami harap akan rilis pada paruh pertama tahun 2020 (pekerjaan ini sedang berlangsung hingga tulisan ini dibuat). Gagasan versi utama baru Vue dibentuk pada akhir 2018, ketika basis kode Vue 2 berusia sekitar dua setengah tahun. Ini mungkin tidak tampak seperti periode yang panjang dalam kehidupan perangkat lunak, tetapi ide-ide front-end telah banyak berubah selama periode ini.

Dua pertimbangan utama membuat kami menulis versi inti baru (dan menulis ulang versi lama) Vue: pertama, ketersediaan fitur JavaScript baru di peramban umum. Kedua, masalah desain dan arsitektur di basis kode saat ini, diidentifikasi dari waktu ke waktu.

Mengapa menulis ulang

Menggunakan fitur bahasa baru

ES2015, JavaScript — ECMAScript, ES — , . , , Vue.
Proxy, . Vue — , (state), DOM. Vue 2 , . Proxy Vue, , .

Proxy — , . — , .

Vue 2 , - . , (templates) , sourcemap . , Vue 2 , , DOM, , . , .

, , , . , , , . .

Vue 3 2018 . .

Typescript

Vue 2 ES. , . . Facebook Flow type checker, ES. Flow , , ; , . , , TypeScript Visual Studio Code.

, Vue TypeScript . , TypeScript , . TypeScript , .

(decoupling)

monorepo, , API, . , , . , , , .

RFC

2018 DOM. , , API. .

, . Vue , . , RFC (Request for Comments) 2019 . RFC , , , . GitHub , , .

RFC , , , feature requests.

- . Vue 2 , , .

DOM

Vue : HTML- , , DOM-. , DOM , DOM . , , , , JavaScript, - . , , (bindings) — DOM , .

, . Vue 2 , , - . Vue 3 AST transform pipeline, (transform) .

, . , DOM DOM, DOM, , , . , .

, DOM , , , . , (runtime) : , . :

-, , , (, v-if v-for). (template) «», , . , — . DOM, , , .

-, , . , .

-, DOM , . , , , . .

-: Vue 3 Vue 2.

. -, , , JavaScript . . Vue — Vue 2 23 — :
-, . , , (transitions), - , .

-, , . , . , .

— , tree-shaking — , . , , .

Vue 3 , API ES . , . tree-shaking , , .

"", . . Vue 3 10 — Vue 2, .

Vue . Vue . Vue , , . , TypeScript, , Vue 2 .

Vue 3 TypeScript, (Class API). , , , , , , , JavaScript. , Class API , , TypeScript.

. React Hooks, API- , , Composition API. , Composition API , (statefull components), , TypeScript.

. Composition API , . Vue 3 , Composition API Options API . , , . , , , Composition API Options API. , .

Vue, , HTML/CSS, , jQuery, , , -, , . : , , ; , , , .

Vue , . Vue « », API, . CDN , HTML Options API, (CLI), Composition API.

Kami masih memiliki banyak pekerjaan yang harus dilakukan untuk mewujudkan visi kami - yang paling penting, memperbarui perpustakaan pendukung, dokumentasi dan alat untuk memastikan transisi yang lancar ke versi baru. Kami akan bekerja keras dalam beberapa bulan mendatang, dan kami menunggu - kami tidak akan menunggu untuk melihat apa yang dibuat komunitas dengan Vue 3.