redux arşivleri - Murat Bilginer

Redux with React 2023 10 – Redux Toolkit Nedir & Kurulum

Murat Bilginer — Mon, 20 Nov 2023 05:28:05 +0000

Ö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...

The post Redux with React 2023 10 – Redux Toolkit Nedir & Kurulum appeared first on Murat Bilginer.

Redux with React 2023 9 – Çoklu State İle Çalışmak

Murat Bilginer — Mon, 20 Nov 2023 05:16:46 +0000

Ö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. Şimdiye kadar projemizde store içinde tek bir değer tuttuk ve bu durumun güncellenmesiyle ilgilendik. Bu yazımda çoklu state kullanımına bakacağız. Uygulamamıza artırma azaltma butonlarını açma kapama butonu ekleyelim. Eklediğim Kod Butonların açılıp kapanma...

The post Redux with React 2023 9 – Çoklu State İle Çalışmak appeared first on Murat Bilginer.

Redux with React 2023 8 – action İle Değer Gönderip State Güncelleme

Murat Bilginer — Mon, 20 Nov 2023 04:52:23 +0000

Ö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, action parametresi içinde istediğimiz değeri gönderip state güncellemeye bakacağız. Çoğu zaman uygulamalarımızda state değerlerimiz static değerlerle güncellenmez. Bu güncellemeleri dinamik olarak göndereceğimiz değerlerle de güncelleyebiliriz. Şimdi ilk olarak uygulamama bir tane...

The post Redux with React 2023 8 – action İle Değer Gönderip State Güncelleme appeared first on Murat Bilginer.

Redux with React 2023 7 – useDispatch Hook Kullanımı

Murat Bilginer — Mon, 20 Nov 2023 04:27:25 +0000

Ö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, oluşturduğum store’daki state‘i değerlerini güncellemeyi göreceğiz. Bunun için useDispatch Hook’unu kullanacağız. useDispatch hook’u, React Redux kütüphanesindeki bir hook’tur ve Redux store’a eylemleri göndermek için kullanılır. Bu hook, bileşen içindeki bir fonksiyon...

The post Redux with React 2023 7 – useDispatch Hook Kullanımı appeared first on Murat Bilginer.

Redux with React 2023 6 – useSelector Hook Kullanımı

Murat Bilginer — Mon, 20 Nov 2023 04:15:22 +0000

Ö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, oluşturduğum store’daki state değerimi alıp istediğim jsx dosyam içinde kullanabilmeye bakacağız. Bu redux store’unu istediğim yerde yakalayabilmem için yine react-redux paketinin bir hook’u olan useSelector Hook’unu kullanmam gerekir. useSelector Hook’u Nedir?...

The post Redux with React 2023 6 – useSelector Hook Kullanımı appeared first on Murat Bilginer.

Redux with React 2023 4 – Projeye Redux’ın Kurulması ve Store Oluşturma

Murat Bilginer — Mon, 20 Nov 2023 03:45:02 +0000

Ö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 bir projeye redux nasıl kurulur ve Redux Store nasıl oluşturulur bundan bahsedeceğim. Redux Kurulumu Terminale aşağıdaki komutu yazıp yürüterek redux’ı projemize dahile edebiliriz. Projemde src içine ReduxStore isminde bir klasör onun...

The post Redux with React 2023 4 – Projeye Redux’ın Kurulması ve Store Oluşturma appeared first on Murat Bilginer.

Redux with React 2023 3 – Redux İçin Counter React Projesini Oluştur

Murat Bilginer — Mon, 20 Nov 2023 03:16:53 +0000

Merhabalar. Redux eğitimlerimiz boyunca geliştirmesini yapacağımız Counter uygulamamızı oluşturacağız ve ilk kodlarımızı yazacağız. Kodlarımızı aşağıdaki gibi yazalım. index.css index.js App.js Counter.jsx Counter.css Kodları yazıp uygulamayı çalıştırdığınızda aşağıdaki gibi bir görüntü elde etmiş olmalısınız. Bir sonraki yazımda Redux Store oluşturmayla geliştirmelerimize devam edeceğiz. Görüşmek üzere.

The post Redux with React 2023 3 – Redux İçin Counter React Projesini Oluştur appeared first on Murat Bilginer.

Redux with React 2023 2 – Redux Vs Context API

Murat Bilginer — Sun, 19 Nov 2023 10:27:26 +0000

Merhabalar. Bu yazımda Redux ile Context API karşılaştırmasını paylaşmaya çalışacağım. Konu oldukça geniş ve derin, ancak elimden geldiğince özetleyeceğim. Redux ve Context API, React uygulamalarında durum yönetimi için kullanılan iki önemli araçtır. İki yöntem de, bileşenler arasında veri paylaşımını kolaylaştırmak ve uygulama durumunu etkili bir şekilde yönetmek amacıyla geliştirilmiştir. Redux: Redux, React uygulamalarında durum yönetimini...

The post Redux with React 2023 2 – Redux Vs Context API appeared first on Murat Bilginer.