Açık kaynaklı JavaScript çerçevesi Vue.js, “Rurouni Kenshin” adı altında 3.3 sürümüne ulaştı. Yaklaşık iki yıl önceki son küçük sürümden bu yana, birkaç yenilik dahil edildi. Özellikle proje lideri olarak çalışmaya devam eden geliştirici Evan You tarafından 2014 yılında oluşturulan web kullanıcı arayüzleri oluşturmaya yönelik çerçevenin TypeScript ile ilgili geliştirici deneyimini iyileştirdiği söyleniyor.
Eskiden Volar olarak bilinen Vue Language Tools’un 1.6 sürümünün piyasaya sürülmesiyle birlikte, Vue.js’yi TypeScript ile kullanma konusunda uzun süredir devam eden birçok zorluk artık ortadan kalkacaktır.
TypeScript ile daha ergonomik kodlama
Evan You’nun bir blog gönderisinde bildirdiği gibi, Vue.js 3.3, <script setup> TypeScript ile kolaylaştırın. Bu, Kompozisyon API’sini tek dosya bileşenlerinde (SFC) kullanmak için derleme zamanı sözdizimsel şekeridir.
Derleyici artık içe aktarılan türleri çözümleyebilir ve daha önce mümkün olmayan sınırlı sayıda karmaşık türleri işleyebilir:
<script setup lang="ts">
import type { Props } from './foo'
// imported + intersection type
defineProps<Props & { extraProp?: string }>()
</script>
İlgili taraflar bu yeniliğin yolunu GitHub’daki çekme isteği #8083’ten takip edebilirler.
Sonra olması gereken defineEmits türleri ile emisyonları beyan etmek için daha ergonomik bir davranışa sahiptir. Bu örnek, önceki kullanımını gösterir defineEmits:
// BEFORE
const emit = defineEmits<{
(e: 'foo', id: number): void
(e: 'bar', name: string, ...rest: any[]): void
}>()
Başka bir örnek, sürüm 3.3’teki davranışı gösterir:
// AFTER
const emit = defineEmits<{
foo: [id: number]
bar: [name: string, ...rest: any[]]
}>()
Daha hızlı inşa süreleri
Çok sayıda başka değişiklik ve deneysel özelliğin yanı sıra bakım altyapısı da değişti ve bu, geliştirme ekibine göre önemli bir hızlanmaya yol açtı. Örneğin, Vue.js ekibi tür denetimini toplama derlemesinden ve derleme derlemesinden ayırdığı için on kat daha hızlı derlemeler mümkün olacaktır. rollup-plugin-typescript2 İLE rollup-plugin-esbuild değişti.
Organizatörler 21 ve 22 Haziran 2023’te karar verecek dpunkt.verlag, Haberler geliştiricisi VE iX Darmstadt’taki enterJS kurumsal JavaScript konferansı. JavaScript ve TypeScript dilindeki yenilikler, React, SvelteKit ve Astro dahil olmak üzere yeni ve yerleşik araçlar ve çerçevelerin yanı sıra erişilebilirlik ve yazılım mimarisi 35’ten fazla derste tartışılacak.
Tam gün atölyeler hem yerinde hem de çevrimiçi olarak mevcuttur.
Programdan alıntı:
Vue.js 3.3 ile ilgili diğer tüm ayrıntılar resmi blogda ve değişiklik günlüğünde bulunabilir.
(Mayıs)
Haberin Sonu
Eskiden Volar olarak bilinen Vue Language Tools’un 1.6 sürümünün piyasaya sürülmesiyle birlikte, Vue.js’yi TypeScript ile kullanma konusunda uzun süredir devam eden birçok zorluk artık ortadan kalkacaktır.
TypeScript ile daha ergonomik kodlama
Evan You’nun bir blog gönderisinde bildirdiği gibi, Vue.js 3.3, <script setup> TypeScript ile kolaylaştırın. Bu, Kompozisyon API’sini tek dosya bileşenlerinde (SFC) kullanmak için derleme zamanı sözdizimsel şekeridir.
Derleyici artık içe aktarılan türleri çözümleyebilir ve daha önce mümkün olmayan sınırlı sayıda karmaşık türleri işleyebilir:
<script setup lang="ts">
import type { Props } from './foo'
// imported + intersection type
defineProps<Props & { extraProp?: string }>()
</script>
İlgili taraflar bu yeniliğin yolunu GitHub’daki çekme isteği #8083’ten takip edebilirler.
Sonra olması gereken defineEmits türleri ile emisyonları beyan etmek için daha ergonomik bir davranışa sahiptir. Bu örnek, önceki kullanımını gösterir defineEmits:
// BEFORE
const emit = defineEmits<{
(e: 'foo', id: number): void
(e: 'bar', name: string, ...rest: any[]): void
}>()
Başka bir örnek, sürüm 3.3’teki davranışı gösterir:
// AFTER
const emit = defineEmits<{
foo: [id: number]
bar: [name: string, ...rest: any[]]
}>()
Daha hızlı inşa süreleri
Çok sayıda başka değişiklik ve deneysel özelliğin yanı sıra bakım altyapısı da değişti ve bu, geliştirme ekibine göre önemli bir hızlanmaya yol açtı. Örneğin, Vue.js ekibi tür denetimini toplama derlemesinden ve derleme derlemesinden ayırdığı için on kat daha hızlı derlemeler mümkün olacaktır. rollup-plugin-typescript2 İLE rollup-plugin-esbuild değişti.
Organizatörler 21 ve 22 Haziran 2023’te karar verecek dpunkt.verlag, Haberler geliştiricisi VE iX Darmstadt’taki enterJS kurumsal JavaScript konferansı. JavaScript ve TypeScript dilindeki yenilikler, React, SvelteKit ve Astro dahil olmak üzere yeni ve yerleşik araçlar ve çerçevelerin yanı sıra erişilebilirlik ve yazılım mimarisi 35’ten fazla derste tartışılacak.
Tam gün atölyeler hem yerinde hem de çevrimiçi olarak mevcuttur.
Programdan alıntı:
Vue.js 3.3 ile ilgili diğer tüm ayrıntılar resmi blogda ve değişiklik günlüğünde bulunabilir.
(Mayıs)
Haberin Sonu