Redux with React 2023 10 – Redux Toolkit Nedir & Kurulum

Önemli: Diğer yazılarımla direkt bağlantılı bir yazıdır. İlk olarak bu yazıdan okumaya başladıysanız, eğitim serisine kısaca bir göz atmanızı tavsiye ederim.

Merhabalar.

Bu yazımda Redux Toolkit nedir ve kurulumu nasıl yapılır buna bakacağız.

Redux Toolkit, uygulama durum yönetimi için kullanılan bir JavaScript kütüphanesidir. Temel olarak, Redux mimarisini kullanarak uygulama durumunu daha etkili bir şekilde yönetmeyi amaçlar. İşte Redux Toolkit’in ana bileşenleri:

1. Store Oluşturma ve Yönetme: Redux Toolkit, uygulama durumunu depolayan bir “store” oluşturmayı kolaylaştırır. Bu, uygulama genelindeki verilerin tek bir merkezi yerde tutulmasını sağlar.
2. Redux’un Karmaşıklığını Azaltma: Geleneksel Redux kullanımında, çok sayıda boilerplate kod yazmak gerekebilir. Redux Toolkit, bu karmaşıklığı azaltmak ve geliştirme sürecini hızlandırmak için bir dizi yardımcı fonksiyon ve özellik içerir.
3. Slice’lar: Redux Toolkit, “slice” adı verilen mantıksal parçaları kullanarak durumu bölümlere ayırmanıza olanak tanır. Her bir slice, belirli bir özellik veya bölüm için durumu yönetir. Bu, büyük ölçekli uygulamalarda daha düzenli bir kod yapısı oluşturmanıza yardımcı olur.
4. Immer ile Immutable Durum Yönetimi: Immer kütüphanesini kullanarak Redux Toolkit, durumu güncelleme işlemlerini daha basitleştirir. Bu sayede, durumu doğrudan değiştirmek yerine, değişiklikleri içeren yeni bir durumu kolayca oluşturabilirsiniz.
5. Async İşlemleri Kolaylaştırma: Redux Toolkit, async işlemleri yönetmek için Redux Thunk gibi middleware’leri entegre etmiştir. Bu, asenkron veri alışverişi, API çağrıları gibi durum güncellemelerini daha sorunsuz bir şekilde ele almanıza olanak tanır.
6. DevTools Entegrasyonu: Geliştirme sürecini kolaylaştırmak adına Redux Toolkit, popüler tarayıcı eklentisi Redux DevTools ile entegre çalışır. Bu sayede, uygulama durumunun geçmişini izleyebilir, hata ayıklama sürecini geliştirebilirsiniz.
7. Varsayılan Ayarlar ve Yapılandırma: Redux Toolkit, bir dizi varsayılan ayar ve özellik içerir, bu da yeni başlayanlar için daha hızlı başlamayı ve deneyimli geliştiriciler için daha fazla esneklik sağlamayı amaçlar.

Redux Toolkit, Redux’u daha erişilebilir ve geliştirici dostu hale getirerek uygulama durumu yönetimini optimize etmeyi amaçlar. Bu sayede daha az kod yazabilir, daha etkili bir şekilde çalışabilir ve geliştirme sürecinizi iyileştirebilirsiniz.

Redux Toolkit Kurulumu

Counter projemizi açalım ve terminalde aşağıdaki komutu yürütelim.

npm i @reduxjs/toolkit

Kurulumu yaptık bir sonraki yazımda kullanımına bakacağız.

Görüşmek üzere.