Angular 12 ile gelen önemli yenilikler

Merhabalar ,

Bu yazımda Angular 12 ile birlikte gelen önemli gördüğüm bazı yeniliklerden bahsedeceğim.

---

1. Ivy Everywhere: Angular v12

View Engine kullanımdan kaldırıldı. View Engine’i kullanan mevcut kütüphaneler, Ivy uygulamalarıyla çalışmaya devam edecek.

Biz kullanıcılar bu değişiklik için herhangi bir işlem yapmayacağız.

Ivy nedir?

Ivy, projelerinizi daha hızlı ve daha küçük boyutlara ulaştırmayı hedefleyen Angular 9 ile birlikte varsayılan olarak gelen derleyicidir.

2. Nullish Operatörü

“Clean Code” kapsamında gelen bu özellik , biz yazılımcıların “null” ve “undefined” kontrolünü daha sade bir şekilde yapmamıza olanak sağlıyor.

Eski :

{{age !== null && age !== undefined ? age : calculateAge() }}

Yeni :

{{ age ?? calculateAge() }}

3. Style Desteği

Angular 12 öncesi sass’ı sadece ilgili componentin sass dosyasında yazabiliyorduk. Angular 12 ile beraber artık @Component dekoratörünün styles: [] alanında da sass desteklenecek.

Style bölümünde aşağıdaki şekilde tanımlama yapabileceğiz ;

import { Component } from ‘@angular/core’;
	@Component({
	selector: ‘app-root’,
	template: `<h1>Merhaba {{ title }}</h1>`
	styles: [
	`
	$color-blue: blue;
	h1 {
	color: $color-blue;
	}
	`
	]
	})
	export class AppComponent {
	title = ‘Angular 12’;
	}

4. IE11 gözden düştü

Angular, sürekli gelişen bir platform ve gelişen web ekosistemine ayak uydurdurmaya çalışıyor. Eski tarayıcılarda desteği ortadan kaldırmak adına ilk hamlesini yaptı . Angular’da 12 versiyonu ile beraber IE11’de kullanımdan kaldırıldığına dair uyarı mesajı ekleyecek. Angular 13 ile beraber tamamen desteğini kaldıracak.

5. Strict mode ve Production mode

Proje oluştururken bize bu modu kullanmak isteyip istemediğimizi soruyordu. Artık varsayılan olarak kullanılacak. Angular 12 ile birlikte Strict mode varsayılan olarak geliyor.

Derleyicimiz varsayılan olarak production’a çıktı üretecek.

6. TypeScript 4.2

Angular 12’nin özelliğindeki en büyük güncellemelerden biri Typescript 4.2’nin desteklenmesi oldu.

7. Operatör içi İyileştirmeler

TypeScript, 4.2 sürümünden sonra kurallara daha sıkı bağlı.

Önceden aşağıdaki tanımlamada herhangi bir hata alınmıyordu , artık hata fırlatılıyor.

“test var” in 31 // error

---

Projemizi Angular 12’ye nasıl güncelleyeceğiz ?

ng update @angular/[email protected] 12 @angular/[email protected] 12

TypeScript sürümü de güncellenecektir.

Bitirirken

Angular 12, performansında, derleyicisinde ve çok daha fazlasında bir çok yeni iyileştirme ile geldi. View motorunun kullanımdan kaldırılması ve Ivy derleyicisinin dahil edilmesi kesinlikle sürüm 12’de dikkate alınan en önemli geliştirmelerden biri. Bununla birlikte Style, Nullish Coalescing yapılarının iyileştirilmesi kullanıcılar için önemli avantajlar sağlayacaktır.

Angular’ın kendi yayınladığı makaleye buradan ulaşabilirsiniz.

Başka bir konuda görüşmek üzere…

Read less