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, bazı yenilikler 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 deneyiminin iyileştiği söyleniyor.
Eskiden Volar olarak bilinen Vue Dil Araçları’nın 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 girişinde bildirdiği gibi, Vue.js 3.3, <script setup> TypeScript ile kolaylaştırın. Bunlar, Tek Dosya Bileşenleri (SFC’ler) içinde Kompozisyon API’sini kullanmak için derleme zamanı sözdizimsel şekeridir.
Derleyici artık içe aktarılan türleri çözebilir ve daha önce mümkün olmayan sınırlı sayıda karmaşık türlerle başa çıkabilir:
<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.
yanında olması gereken defineEmits türleri ile yayımları bildirmek 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şikliğe ve deneysel özelliğe ek olarak, geliştirme ekibine göre bakım altyapısı da değişti ve bu da ö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 olmalıdır. rollup-plugin-typescript2 ile rollup-plugin-esbuild değişti.
Organizatörler 21 ve 22 Haziran 2023’te karar verecek dpunkt.verlag, Haberler geliştirici Ve iX kurumsal JavaScript konferansı Darmstadt’ta JS’ye girin. 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.
Tüm gün süren atölye çalışmaları 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 Dil Araçları’nın 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 girişinde bildirdiği gibi, Vue.js 3.3, <script setup> TypeScript ile kolaylaştırın. Bunlar, Tek Dosya Bileşenleri (SFC’ler) içinde Kompozisyon API’sini kullanmak için derleme zamanı sözdizimsel şekeridir.
Derleyici artık içe aktarılan türleri çözebilir ve daha önce mümkün olmayan sınırlı sayıda karmaşık türlerle başa çıkabilir:
<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.
yanında olması gereken defineEmits türleri ile yayımları bildirmek 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şikliğe ve deneysel özelliğe ek olarak, geliştirme ekibine göre bakım altyapısı da değişti ve bu da ö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 olmalıdır. rollup-plugin-typescript2 ile rollup-plugin-esbuild değişti.
Organizatörler 21 ve 22 Haziran 2023’te karar verecek dpunkt.verlag, Haberler geliştirici Ve iX kurumsal JavaScript konferansı Darmstadt’ta JS’ye girin. 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.
Tüm gün süren atölye çalışmaları 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