
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/core@ 12 @angular/cli@ 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…
Faruk Özdemir
Çok faydalı bir paylaşım olmuş, elinize sağlık!👏🏻
Çok faydalı bir paylaşım olmuş, elinize sağlık!👏🏻
See lessibrahim Demirli
Teşekkürler.🙂
Teşekkürler.🙂
See lessSerkan Koç
çok teşekkür ederim. kullanılacak çok değerli bilgiler var. :)
çok teşekkür ederim. kullanılacak çok değerli bilgiler var. 🙂
See lessibrahim Demirli
Teşekkürler. 🙂
Teşekkürler. 🙂
See lessgokcenagca
Gerçekten bilgilendirici bir yazı olmuş, emeğinize sağlık! :)
Gerçekten bilgilendirici bir yazı olmuş, emeğinize sağlık! 🙂
See lessibrahim Demirli
Teşekkürler, faydalı olmasına sevindim. 🙂
Teşekkürler, faydalı olmasına sevindim. 🙂
See lessMert Kesim
Oldukça yararlı bir paylaşım olmuş, ellerinize sağlık :)
Oldukça yararlı bir paylaşım olmuş, ellerinize sağlık 🙂
See lessibrahim Demirli
Teşekkürler, faydalı olmasına sevindim. 🙂
Teşekkürler, faydalı olmasına sevindim. 🙂
See lessSümeyye Tekin
Çok faydalı bir içerik olmuş, teşekkürler. ☺️
Çok faydalı bir içerik olmuş, teşekkürler. ☺️
See lessibrahim Demirli
Teşekkürler, faydalı olmasına sevindim. 🙂
Teşekkürler, faydalı olmasına sevindim. 🙂
See lessCemaltuysuz
Faydalı içerik, teşekkürler :D
Faydalı içerik, teşekkürler 😀
See lessibrahim Demirli
Ben teşekkür ederim. 🙂
Ben teşekkür ederim. 🙂
See lessAyşegül Adıgüzel
Yararlı bilgilerin olduğu faydalı bir yazı, emeğinize sağlık
Yararlı bilgilerin olduğu faydalı bir yazı, emeğinize sağlık
See lessibrahim Demirli
Teşekkürler, faydalı olduysa ne mutlu.
Teşekkürler, faydalı olduysa ne mutlu.
See lessSelin Durum
ellerinize sağlık, çok faydalı bir içerik olmuş.
ellerinize sağlık, çok faydalı bir içerik olmuş.
See lessibrahim Demirli
Teşekkürler, faydalı olmasına sevindim.
Teşekkürler, faydalı olmasına sevindim.
See less