kullanımı arşivleri - 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.

React Tutorial 2023 79 – Router 11 – Dinamik Url’ler İçin Route Oluşturma – :paramName

Murat Bilginer — Sun, 19 Nov 2023 08:25:04 +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 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.

React Tutorial 2023 78 – Router 10 – useNavigate & useParams Hook Kullanımı

Murat Bilginer — Sun, 19 Nov 2023 01:57:42 +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 useNavigate Hook’unun kullanımına bakacağız. useNavigate, react-router-dom kütüphanesindeki React hook’larından biridir ve programatik olarak sayfa yönlendirmeleri yapmak için kullanılır. Bu hook, bir işlevi döndürür ve bu işlev, belirli bir URL’ye yönlendirme yapmanızı...

The post React Tutorial 2023 78 – Router 10 – useNavigate & useParams Hook Kullanımı appeared first on Murat Bilginer.

React Tutorial 2023 77 – Router 9 – NavLink Component’i İle Active Sayfanın Gösterimi

Murat Bilginer — Sat, 18 Nov 2023 23:48:41 +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ımızda Link component’i ile aynı işlemi yapan ama bir farklı özelliği olan NavLink component’i ile link oluşturmaya bakacağız. Bir menu üzerinde bir sayfaya tıkladığımızda, hangi sayfada olduğumuzu kullanıcıya göstermek isteriz. Bunun için...

The post React Tutorial 2023 77 – Router 9 – NavLink Component’i İle Active Sayfanın Gösterimi appeared first on Murat Bilginer.

React Tutorial 2023 75 – Router 7 – Link Component’i İle Sayfalar Arasında Gezinme

Murat Bilginer — Sat, 18 Nov 2023 21:34:20 +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 Link component’i yardımıyla sayfalarımıza link’ler – path’ler vereceğiz ve sayfalar arası gezinme işlemlerimizi yapacağız. Bir önceki projemize öncelikle Header Layoutu ile bir menu oluşturacağız. Sonra bu menüdeki Home – Products –...

The post React Tutorial 2023 75 – Router 7 – Link Component’i İle Sayfalar Arasında Gezinme appeared first on Murat Bilginer.

React Tutorial 2023 68 – API İşlemleri 12 – Fetch API Delete Metodu Kullanımı

Murat Bilginer — Sat, 18 Nov 2023 06:45:04 +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ımla beraber Post metodu ile API’a veri göndermeyi ve Post metodunun yaptığı işleri yapmayı öğreneceğiz. Get istekleri boyunca oluşturduğumuz Blog Post uygulamasına, bir post ekleme alanı ekleyeceğiz. Post’un bizden istediği değerler var...

The post React Tutorial 2023 68 – API İşlemleri 12 – Fetch API Delete Metodu Kullanımı appeared first on Murat Bilginer.

React Tutorial 2023 52 – useContext Hook’u 6 – Birden Fazla useContext Oluşturma

Murat Bilginer — Fri, 17 Nov 2023 06:14:28 +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. Bir önceki yazımda bıraktığımız yerden devam ediyoruz. Amacımız birden fazla Context oluşturup bunu nasıl kullanabilirdik buna bakacağız. UserNameContext.jsx isminde Context klasörü içinde bir dosya oluşturuyorum. Amacım diğer component’lere UserName’i gönderebilmek. Kodlarımız aşağıdaki gibi...

The post React Tutorial 2023 52 – useContext Hook’u 6 – Birden Fazla useContext Oluşturma appeared first on Murat Bilginer.

React Tutorial 2023 50 – useContext Hook’u 4 – useContext Kullanımı

Murat Bilginer — Fri, 17 Nov 2023 04:51:55 +0000

Merhabalar. Bu yazımla beraber useContext Hook’unu başlangıç seviyesinde kullanmaya giriş yapacağız. Bunun için yeni bir proje oluşturuyorum. Proje klasörümün ismi theme-dark-light olacak. src içinde Components diye bir klasör, onun için Theme diye bir component klasörü ve içine Theme.jsx ve Theme.css dosyalarımı oluşturdum. Projenin Amacı Projeyle amacımız, uygulamada header’a bir dart/light butonu koyacağız, tıklanmasına göre tema...

The post React Tutorial 2023 50 – useContext Hook’u 4 – useContext Kullanımı appeared first on Murat Bilginer.