RxJS Kartları

Kategori Sponsoru

RxJS (JavaScript için Reaktif Uzantılar), başlangıçta Microsoft tarafından oluşturulan ve şimdi açık kaynak topluluğu tarafından geliştirilen, reaktif programlama için güçlü bir kütüphanedir. JavaScript ekosisteminde kilit bir araçtır ve asenkron işlemleri ve veri akışlarını yönetmek için tasarlanmıştır. RxJS, zengin bir operatör seti ve esneklik ile karakterizedir, uygulamalarda hem basit hem de karmaşık veri akışlarının verimli yönetimini sağlar. Bu kütüphane, Observable, Operators ve Schedulers gibi gelişmiş kavramlar sunar, geliştiricilere duyarlı, verimli ve bakımı kolay uygulamalar oluşturmak için araçlar sağlar. RxJS ayrıca çeşitli JavaScript çerçeveleri ile entegrasyonu destekler ve düzenli olarak yeni özellikler ve iyileştirmelerle güncellenir, reaktif kavramlarla tutarlılığı korur ve tarayıcı ve Node.js ortamında ölçeklenebilir, olay odaklı uygulamaların geliştirilmesini sağlar.

Kart uygulamamız, RxJS bilgisi gerektiren herhangi bir mülakata sizi etkili bir şekilde hazırlayacak kapsamlı cevaplarla dikkatle seçilmiş RxJS mülakat sorularını içerir. IT Kartları sadece iş arayanlar için bir araç değildir - mevcut kariyer planlarınız ne olursa olsun bilginizi pekiştirmenin ve test etmenin harika bir yoludur. Uygulamayı düzenli kullanmak, en son RxJS trendleriyle güncel kalmanıza ve becerilerinizi yüksek seviyede tutmanıza yardımcı olacaktır.

Uygulamamızdan örnek RxJS kartları

Daha fazla ücretsiz kart almak için uygulamamızı App Store veya Google Play'den indirin veya tüm kartlara erişim için abone olun.

RxJS nedir?

JavaScript için Reactive Extensions, ayrıca RxJS olarak da bilinen, JavaScript'te reaktif programlama için kullanılan bir programlama kütüphanesidir. RxJS, Observer tasarım desenini uygular ve olay akışları sağlayarak karmaşık asenkron işlemlerin ve geri çağrıların işlenmesine izin verir.

RxJS, "gözlemlenebilen" bilgi akışları olan Observable adı verilen veri yapıları sağlar. Bir Observer bu akışlara abone olabilir ve onlardan gelen bilgilere yanıt verebilir.

RxJS kütüphanesinin ana hedefi, uygulamalardaki asenkron işlemleri ve olayları yönetmeye yardımcı olmaktır. Şeffaf bir şekilde veri akışlarını yönetmeye izin verir, böylece düzenli geri çağrılar veya vaatler kullanırken genellikle karışık olan kodla çalışmayı basitleştirir.

RxJS genellikle diğer kütüphaneler veya ön uç çerçeveleriyle birlikte kullanılır, örneğin Angular veya React. Popülaritesi, veri akışları üzerinde filtreleme, gruplama, değiştirme ve birçok diğer işlemi sağlayan birçok operatöre olan desteği nedeniyle de artmaktadır.

Observable ve Promise arasındaki fark nedir?

Observable ve Promise, JavaScript'te asenkron operasyonları temsil etmenin iki farklı yoludur.

Bir Promise, gelecekte tek bir değer döndüren bir nesnedir. Promise nesnesi oluşturulurken, işlem zaten çalışıyor ve durdurulamaz. Bir Promise, bekleyen, yerine getirilmiş veya reddedilmiş olmak üzere üç durumdan birinde olabilir.

let promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise tamamlandı');
  }, 2000);
});

promise.then(result => console.log(result)); 
// 2 saniye sonra konsolda 'Promise tamamlandı' görüntülenecek

Öte yandan, RxJS'ten bir Observable, herhangi bir zamanda birden çok değer veya hatta sonsuz bir miktar değer döndürebilir. Bir Observable'a abone olmak işlemi başlatır ve işlem unsubscribe() metodu kullanılarak durdurulabilir.

let observable = new Observable(observer => {
  setTimeout(() => {
    observer.next('İlk callback');
    setTimeout(() => {
      observer.next('İkinci callback');
      observer.complete();
    }, 2000);
  }, 2000);
});

let subscription = observable.subscribe(result => console.log(result)); 
// 2 saniye sonra konsolda 'İlk callback' görüntülenecek
// Bir 2 saniye sonra konsolda 'İkinci callback' görüntülenecek
// Herhangi bir zamanda gözlemi 'subscription.unsubscribe();' ile durdurabilirsiniz

Sonuç olarak, Observable ve Promise arasındaki ana farklardan biri, Observable'ın 'tembel' olmasıdır, yani Observable nesnesi abone olunduğunda işlemi gerçekleştirmez, Promise ise oluşturulduktan hemen sonra işlemleri başlatır. Başka önemli bir fark ise, bir Observable gözlemini iptal etme yeteneğidir, ki bu Promise ile mümkün değildir.

RxJS'deki bazı temel operatörleri adlandırın.

RxJS, veri akışlarının modifiye edilmesine, değişiklilklere tepki verilmesine vb. imkan veren birçok yararlı operatöre sahiptir. İşte bunlardan bazıları:

1. map() - Gözlemlenen akıştan gelen verileri dönüştürür.

2. filter() - Belirli bir kritere göre gözlemlenenden verileri filtrelemeye izin verir.

3. tap() - Yan etkileri çağırmak için kullanılır.

4. take() ve first() - Gözlemlenen akıştan belirli sayıda değer alır.

5. debounceTime() ve throttleTime() - Belirli bir zaman diliminde yayılan değerlerin sayısını sınırlamaya izin verir. Örneğin, fare hareketlerine veya bir metin alanına yazmaya yanıt verirken bu kullanışlıdır.

6. catchError() - Gözlemlenen kaynak tarafından atılan istisnaların işlenmesini sağlar.

7. switchMap() ve mergeMap() - Her yayılan değeri, daha sonra akışlarla birleştirilebilecek bir gözlemciye haritalamaya izin verir.

8. combineLatest() - Farklı kaynaklardan akışları birleştirmeye izin verir.

9. of() ve from() - Bu operatörler, farklı türdeki verilerden gözlemciler oluşturmayı sağlar, örneğin, diziler, vaatler, yinelenebilirler ve daha fazlası.

Bunlar sadece temel operatörlerdir, ancak RxJS çok daha fazla olanak sunar. Her operatörün özgüllükleri vardır ve farklı senaryolarda faydalıdır.

RxJS'de hangi tür Subject vardır?

RxJs kütüphanesinde, kullanabileceğimiz dört tür Konu bulunmaktadır:

1. Düz Konu - Bu Konu'nun temel tipidir. Değeri, yalnızca yayım zamanında ve sonrasında gözlemcilere gönderir. Önceden yayımlanan değerler yeni abonelere ulaşmaz.

let konu = new Konu();
konu.next(1); // Hiçbir gözlemci tarafından alınmayacak
konu.subscribe((deger) => console.log(deger)); // Gelecek yayımlar için abone olur
konu.next(2); // '2' yazdıracak

2. Davranış Konusu - Son yayımlanan değeri saklar ve yeni abonelerine hemen abonelik üzerinde sağlar. İlk değerle başlatılmalıdır.

let konu = new DavranisKonu(1); // '1' değeri ile başlatıldı
konu.subscribe((deger) => console.log(deger)); // Abonelik hemen sonra '1' yazdırıyor
konu.next(2); // '2' yazdıracak

3. Tekrar Konusu - Son değerlerin kaç tanesinin saklanıp gözlemcilere verilmesi gerektiğini belirleyebilirsiniz. Zaman bilgisi saklar, bu sayede örneğin bir dakika önceki belirli bir veriye erişebiliriz.

let konu = new TekrarKonu(2); // Son 2 değeri saklayacak
konu.next(1);
konu.next(2);
konu.next(3);
konu.subscribe((deger) => console.log(deger)); // '2', '3' yazdıracak

4. Eşzamanlı Konu - Konu işlemi tamamladığında yalnızca son değeri yayımlar.

let konu = new EşzamanliKonu(); // Sadece son değeri ve sadece tamamlanınca yayımlayacak
konu.next(1);
konu.next(2);
konu.subscribe((deger) => console.log(deger)); // Henüz bir şey yazdırmayacak
konu.next(3);
konu.tamamlandi(); // İşlem tamamlandığından, son değeri yayımlayacak. '3' yazdıracak