Angular Academy · Ders

Bağımsız Bileşenler Neden Kullanılır

Bağımsız bileşenlerin Angular'ı nasıl basitleştirdiğini görün.

Bağımsız Bileşenler Neden Kullanılır, CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 4 dersten oluşur.

Bağımsız Bileşenler Neden Kullanılır?

Bağımsız bileşenler, Angular uygulamalarını NgModules olmadan oluşturmanızı sağlar. Bir bileşen kendi bağımlılıklarını tanımladığı için yapı taşları kendi kendine yeterli olur ve daha kolay anlaşılır.

NgModule Dönemi

Geleneksel olarak her bileşenin, yönergenin ve pipe'ın bir @NgModule içinde tanımlanması gerekiyordu. Modüller tanımları gruplar, içe ve dışa aktarmaları yönetirdi.

Bu yaklaşım gereksiz kodlara ve fazladan bir soyutlama katmanına yol açıyordu.

NgModules'ın Yol Açtığı Sorunlar

NgModules yaygın bazı zorluklara yol açtı: bir bileşeni tanımlamayı unutmak, onu iki modülde tanımlamak, içe aktarmalarla tanımlar arasındaki farkı karıştırmak ve gereğinden fazla şeyi içeri alan büyük paylaşımlı modüller.

Bağımsız Bileşen Fikri

Bağımsız bileşenlerde her bileşen, kendi imports dizisi aracılığıyla tam olarak ihtiyaç duyduklarını listeler. Onu bilmesi gereken merkezi bir modül yoktur.

import { Component } from '@angular/core';

@Component({
  selector: 'app-hello',
  standalone: true,
  template: '<p>Hello</p>'
})
export class HelloComponent {}

Kendi Kendine Yeterli Bağımlılıklar

Bağımsız bir bileşen kendi bağımlılıklarını tanımladığı için tek bir dosyayı okuyarak dayandığı her şeyi görebilirsiniz. Bu, kodun anlaşılırlığını ve araç desteğini artırır.

Daha Az Gereksiz Kod

Modüller arasında tanımları ve dışa aktarmaları artık eşleştirmeniz gerekmez. Bileşeni, ES modüllerinin çalışma biçimine benzer şekilde, kullandığınız yerde doğrudan içe aktarırsınız.

Daha İyi Ağaç Sarsma

Bağımsız bileşenler bağımlılık grafiğini açık hâle getirir. Bu da paketleyicilerin kullanılmayan kodu kaldırmasına yardımcı olur ve daha küçük paketler sağlayabilir.

Tembel Yükleme Artık Çok Kolay

Yollar, bir özellik modülü sarmalayıcısına gerek kalmadan, dinamik bir içe aktarmayla bağımsız bir bileşeni doğrudan tembel olarak yükleyebilir.

// route: loadComponent: () => import('./page.component').then(m => m.PageComponent)

Yeni Varsayılan

Yeni Angular sürümlerinde bağımsızlık, yeni oluşturulan bileşenler için varsayılandır. NgModules hâlâ çalışır; ancak ilerlemek için önerilen yol bağımsız bileşenlerdir.

NgModules ile Birlikte Çalışabilirlik

Bağımsız ve modül tabanlı kod birlikte çalışabilir. Bağımsız bir bileşen bir NgModule içine aktarılabilir; NgModule tabanlı bir bileşen de bağımsız içe aktarmaları kullanabilir. Bu, geçişi kolaylaştırır.

Hâlâ Yapılandırmanız Gerekenler

Uygulama genelindeki kurulum (yönlendirici veya HTTP istemcisi gibi), daha sonra göreceğiniz kök modül yerine bootstrapApplication sağlayıcıları aracılığıyla yapılır.

Kısa Kontrol: Bağımsız Bileşenlerin Nedeni

Bağımsız bileşenlerin temel yararı nedir?

Özet: Bağımsız Bileşenlerin Nedeni

Bağımsız bileşenler, her bileşenin kendi bağımlılıklarını tanımlamasını sağlayarak NgModule kaynaklı gereksiz kodları ortadan kaldırır. Böylece kod daha anlaşılır olur, tembel yükleme kolaylaşır ve ağaç sarsma daha iyi çalışır. Bağımsız bileşenler artık varsayılandır. Sırada: bir tane oluşturmak var.

Sıkça Sorulan Sorular

“Bağımsız Bileşenler Neden Kullanılır” dersi ücretsiz mi?

Evet — “Bağımsız Bileşenler Neden Kullanılır” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 4 dersten oluşur.

“Bağımsız Bileşenler Neden Kullanılır” dersinde ne öğreneceğim?

Bağımsız bileşenlerin Angular'ı nasıl basitleştirdiğini görün. Angular Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Angular Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Angular Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Bağımsız Bileşenler Neden Kullanılır” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Angular Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Angular Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Angular Academy Sayfasına Dön