Bu yazımda andığım kadarıyla bu yazımda React events (olaylar) konusundan bahsedeceğim. En basit hali ile bir butona, tuşa basıldığında veya ekranda bir alana gelindiğinde bir olay tetikliyoruz. Bunları React’ta events ile yapıyoruz. Javascript’te bildiğimiz eventler ile aynı mantık çalışıyor, sadece dikkat edilmesi gereken bazı hususlar mevcut. Eventler genellikle handle kelimesi ile başlar. Tabiki zorunlu değilsiniz,
React Router paketinin kendi sitesindeki tanımı şu şekilde; “Tek görevi, URL’yi bir dizi bileşenle eşleştirmek, URL verilerine erişim sağlamak ve uygulamada gezinmek olacaktır.” Bu tanımlamaya göre istediğimiz bileşenleri istediğimiz componentler ile eşleştirerek, ekranda ilgili componenti göstermek olacaktır. Tabi bunu URL değiştirerek yapacağız. React Router Dom kurulumu ve Projeye Dahil Edilmesi Proje Dosyaları Header Kısmı Projeyi
Selamlar! Frontend kısmında çoklukla javascript ile kullandığımız koşullu ifadeleri (if, else if, else,) React ile de kolaylıkla yazılabiliyor ve kullanılıyor. Bu kısımda React’te koşullu ifadeleri nasıl yazıyoruz ona değineceğiz. Bu konu React dökümanında “Conditional Rendering” şeklinde geçiyor, o kısımdan da detaylı bilgi alabilirsiniz. 1.Klasik if-else Kullanımı JSX dışında, bir değişkeni önceden koşula göre tanımlayarak kullanabiliriz.
İsveççede Tycker, Tänker, Tror Farkları nelermiş bir bakalım. Umarım kafamız daha fazla karışmaz 🙂 Anadili Türkçe olan bizler, ingilizce biliyor olsak bile isveççede kafamızın karışacağı 3 fiil olacaktır. Tycker, tänker, tror çeviriye baktığımızda hepsinde de “düşünüyorum” gibi bir anlam çıkıyor ancak aralarında farklar mevcut. Şimdi anladığım kadarıyla sizlere kısa ve öz bir şekilde anlatmaya çalışacağım.
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