react arşivleri - Murat Bilginer https://muratbilginer.net/tag/react/ Blog Mon, 20 Nov 2023 06:56:10 +0000 tr hourly 1 https://muratbilginer.net/wp-content/uploads/2025/03/MuratBilginerIco-3.png react arşivleri - Murat Bilginer https://muratbilginer.net/tag/react/ 32 32 Redux with React 2023 11 – Redux Toolkit İle Store Oluşturma (createSlice Metodu) https://muratbilginer.net/redux-with-react-2023-11-redux-toolkit-ile-store-olusturma-createslice-metodu/ https://muratbilginer.net/redux-with-react-2023-11-redux-toolkit-ile-store-olusturma-createslice-metodu/#respond Mon, 20 Nov 2023 05:49:46 +0000 https://muratbilginer.net/?p=49432 Ö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 ve createSlice metodu kullanarak bir store oluşturmayı göreceğiz. Redux ile oluşturduğumuz Store’u aynen koruyacağız. src içinde ReduxToolkitStore isminde bir klasör oluşturup içinde CounterStore.js dosyası oluşturalım. Redux içindeki CounterStore’da oluşturduğumuz...

The post Redux with React 2023 11 – Redux Toolkit İle Store Oluşturma (createSlice Metodu) appeared first on Murat Bilginer.

]]> https://muratbilginer.net/redux-with-react-2023-11-redux-toolkit-ile-store-olusturma-createslice-metodu/feed/ 0 Redux with React 2023 10 – Redux Toolkit Nedir & Kurulum https://muratbilginer.net/redux-with-react-2023-10-redux-toolkit-nedir-kurulum/ https://muratbilginer.net/redux-with-react-2023-10-redux-toolkit-nedir-kurulum/#respond Mon, 20 Nov 2023 05:28:05 +0000 https://muratbilginer.net/?p=49429 Ö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.

]]> https://muratbilginer.net/redux-with-react-2023-10-redux-toolkit-nedir-kurulum/feed/ 0 Redux with React 2023 9 – Çoklu State İle Çalışmak https://muratbilginer.net/redux-with-react-2023-9-coklu-state-ile-calismak/ https://muratbilginer.net/redux-with-react-2023-9-coklu-state-ile-calismak/#respond Mon, 20 Nov 2023 05:16:46 +0000 https://muratbilginer.net/?p=49424 Ö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.

]]> https://muratbilginer.net/redux-with-react-2023-9-coklu-state-ile-calismak/feed/ 0 Redux with React 2023 8 – action İle Değer Gönderip State Güncelleme https://muratbilginer.net/redux-with-react-2023-8-action-ile-deger-gonderip-state-guncelleme/ https://muratbilginer.net/redux-with-react-2023-8-action-ile-deger-gonderip-state-guncelleme/#respond Mon, 20 Nov 2023 04:52:23 +0000 https://muratbilginer.net/?p=49418 Ö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.

]]> https://muratbilginer.net/redux-with-react-2023-8-action-ile-deger-gonderip-state-guncelleme/feed/ 0 Redux with React 2023 7 – useDispatch Hook Kullanımı https://muratbilginer.net/redux-with-react-2023-7-usedispatch-hook-kullanimi/ https://muratbilginer.net/redux-with-react-2023-7-usedispatch-hook-kullanimi/#respond Mon, 20 Nov 2023 04:27:25 +0000 https://muratbilginer.net/?p=49413 Ö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.

]]> https://muratbilginer.net/redux-with-react-2023-7-usedispatch-hook-kullanimi/feed/ 0 Redux with React 2023 6 – useSelector Hook Kullanımı https://muratbilginer.net/redux-with-react-2023-6-useselector-hook-kullanimi/ https://muratbilginer.net/redux-with-react-2023-6-useselector-hook-kullanimi/#respond Mon, 20 Nov 2023 04:15:22 +0000 https://muratbilginer.net/?p=49407 Ö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.

]]> https://muratbilginer.net/redux-with-react-2023-6-useselector-hook-kullanimi/feed/ 0 Redux with React 2023 2 – Redux Vs Context API https://muratbilginer.net/redux-with-react-2023-2-redux-vs-context-api/ https://muratbilginer.net/redux-with-react-2023-2-redux-vs-context-api/#respond Sun, 19 Nov 2023 10:27:26 +0000 https://muratbilginer.net/?p=49394 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.

]]> https://muratbilginer.net/redux-with-react-2023-2-redux-vs-context-api/feed/ 0 Redux with React 2023 1 – Redux Nedir? https://muratbilginer.net/redux-with-react-2023-1-redux-nedir/ https://muratbilginer.net/redux-with-react-2023-1-redux-nedir/#respond Sun, 19 Nov 2023 10:01:17 +0000 https://muratbilginer.net/?p=49387 Merhabalar. Bu yazımla beraber Redux konusuna giriş yapıyoruz. Redux, JavaScript tabanlı uygulamalarda durum yönetimi için kullanılan bir kütüphanedir. Özellikle React gibi kullanıcı arayüzü kitaplıkları ile sıkça bir arada kullanılır. Redux, uygulama durumunu merkezi bir depoda (store) saklayarak, bu duruma tek bir noktadan erişim ve yönetim sağlar. Bu, uygulamanın karmaşık durumlarını daha iyi yönetmek ve güncellemek...

The post Redux with React 2023 1 – Redux Nedir? appeared first on Murat Bilginer.

]]> https://muratbilginer.net/redux-with-react-2023-1-redux-nedir/feed/ 0 React Tutorial 2023 80 – Router 12 – Dinamik Url’ler İçin Route Oluşturma – Query Param https://muratbilginer.net/react-tutorial-2023-80-router-12-dinamik-urller-icin-route-olusturma-query-param/ https://muratbilginer.net/react-tutorial-2023-80-router-12-dinamik-urller-icin-route-olusturma-query-param/#respond Sun, 19 Nov 2023 09:18:06 +0000 https://muratbilginer.net/?p=49381 Ö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 dinamik url’ler için nasıl Router oluştururuz buna bakacağız. Projemizde bir Product sayfamızda bulunan ürünler için productname’leri üzerinde bir query parameters oluşturacağız. Bu bilgiye göre detay sayfasına gidip ilgili ürünü göstereceğiz. Güncel...

The post React Tutorial 2023 80 – Router 12 – Dinamik Url’ler İçin Route Oluşturma – Query Param appeared first on Murat Bilginer.

]]> https://muratbilginer.net/react-tutorial-2023-80-router-12-dinamik-urller-icin-route-olusturma-query-param/feed/ 0 React Tutorial 2023 79 – Router 11 – Dinamik Url’ler İçin Route Oluşturma – :paramName https://muratbilginer.net/react-tutorial-2023-79-router-11-dinamik-urller-icin-route-olusturma-paramname/ https://muratbilginer.net/react-tutorial-2023-79-router-11-dinamik-urller-icin-route-olusturma-paramname/#respond Sun, 19 Nov 2023 08:25:04 +0000 https://muratbilginer.net/?p=49374 Ö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 dinamik url’ler için nasıl Router oluştururuz buna bakacağız. Projemizde bir Product sayfamız vardı, bu sayfamıza görünür 4 tane ürün ekleyeceğim. Her bir ürünün Detail isminde bir butonu olacak ve tıkladığımızda ilgili...

The post React Tutorial 2023 79 – Router 11 – Dinamik Url’ler İçin Route Oluşturma – :paramName appeared first on Murat Bilginer.

]]> https://muratbilginer.net/react-tutorial-2023-79-router-11-dinamik-urller-icin-route-olusturma-paramname/feed/ 0