Redux Toolkit İle HTTP İsteği Atma (createAsyncThunk kullanımı)
14Ara

Redux Toolkit İle HTTP İsteği Atma (createAsyncThunk kullanımı)

Aralık 14, 20240 Yorum

Selamlar! Normalde React’ta HTPP isteklerini atmak için fetch–catch yapısı veya Axios paketini kullanıyoruz ve normal bir fonksiyon olarak yazıp kullanıyoruz. Ancak Redux Toolkit kullanmaya başlayınca işler birazcık değişiyor. Redux Toolkit’de bulunan createAsyncThunk fonksiyon aracılığı ile yapıyoruz bu işlemi. Daha önce Fetch ve Axios Kullanımı hakkında bir blog yazısı yazmıştım. Buradan ulaşarak göz atabilirsiniz.API Nedir, React

Daha fazla
React Debugger Kullanımı
23Eki

React Debugger Kullanımı

Ekim 23, 20240 Yorum

Yazılımda “debug” ya da “debugging” olarak adlandırılır. Debugging, yazılım geliştirme sürecinde hataları (bug’ları) bulma ve düzeltme işlemidir. Bu terim, bir programın çalışırken yanlış veya beklenmeyen davranışlar sergilemesine neden olan sorunları analiz edip çözme sürecini ifade eder. İşlem sıralaması Debugging İşlemi Neden Kullanılır? Yukarıda da ifade edildiği gibi yazılım sürecindeki hataları bulma ve düzeltme işlemidir. Aşağıda

Daha fazla
React useEffect Kullanımı
21Eki

React useEffect() Kullanımı

Ekim 21, 20240 Yorum

Selamlar! Bugün React’ta kullanılan Hooks’lardan biri olan useEffect kullanımına değineceğiz. Kısa tanım olarak Javascript’te kullandığımız DOMContentLoaded event’ine verdiğimiz callback Function’ı sayfa tamamen yüklenildiğinde devreye giriyordu. Bu mantıkla düşünürseniz aynı işlemi yapıyor ancak sayfa yüklendiğinde değil, component render edildiğinde veya state tetiklendiğinde devreye giriyor. React dökümanından da useEffect kullanımına bakabilirsiniz, bir önceki yazımızda useState konusuna da

Daha fazla
React useState Kullanımı
20Eki

React useState() Kullanımı

Ekim 20, 20240 Yorum

Selamlar! React’ta sıklıkla kullanılan state konusuna değiniyoruz. Her zamanki gibi anladığım kadarıyla anlatmaya çalışacağım. Lütfen eklemek istediğiniz kısımlar olursa yorum olarak belirtmekten çekinmeyiniz. Hooks yapılarından önce lütfen Component yapısını bildiğinizden emin ulunuz. Dilerseniz React Component Nedir, Ne İşe Yarar? yazıma öncesinde bir göz atabilirsiniz. Diğer programlama dillerinde bir değişken oluşturup bu değişkene bir değer atıyoruz.

Daha fazla
React Props Nedir
17Eki

React Props Nedir?

Ekim 17, 20240 Yorum

Selamlar! React öğrenimine devam ediyoruz. İlk React yazımızda, React denilince akla ilk gelen 3 kelimeden bahsetmiştik. Component yapısını daha önce işlemiştik ve dilerseniz buradan ulaşabilirsiniz. Bu yazımda props yapılarına giriş yapıp, nedir ne değildir anlamaya çalışacağız. Props Nedir? React’ta kullanılan props yapısı property(özellik) isminin kısaltılmasıdır. En kısa ve öz tanımlaması; props componentler arasında veri aktarmamıza

Daha fazla
React
08Eki

React Öğreniyorum 1 – React Temel Mantığı

Ekim 8, 20240 Yorum

React temel mantığını anlayarak devam edersek, sonrasında öğreneceklerimiz daha mantıklı gelecektir ve daha sağlam bir alt yapı oluşturmuş olacağız. Burada React’ın en temel mantığından başlayacağız ve sonrasında daha pratik araçları yavaş yavaş dahil edeceğiz. Düz Mantık React Projesi Burada nasıl index.html, style.css ve script.js oluşturarak projelerimize başlıyorsak aynı şekilde ilk React projemizi de aynı şekilde

Daha fazla
React
07Eki

React Öğreniyorum – Giriş

Ekim 7, 20240 Yorum

Selamlar! Yeni bir serüvene başlıyoruz ve React veya diğer bir ismi ile React.js öğreniyoruz. React bir javascript kütüphanesidir ve web uygulamalarında ön yüz (frontend) yazmak için kullanılıyor. Bir çok avantaj sunuyor, küçük/büyük ölçekli projelerde kullanılıyor. Biz de bu serimiz ile react öğrenmeye ve küçük projeler geliştirmeye çalışacağız. React ile ilgili tüm detaylara kendi sitesinden veya

Daha fazla