React JS Öğrenmek İçin Neler Gerekli?
React ile uygulama geliştirdiğinizde bu bir web uygulaması olacağı için Html, Css ve JavaScript bilmeniz gereklidir. Bununla birlikte Jsx gerekli olacaktır.
JavaScript
JavaScript Split String Kullanımı
Stringler ile çalışırken çoğu durumdan onları bölerek dizi haline getirmemiz gerekiyor. Bu durumda JavaScript string split metodu devreye giriyor. Bu metod ile elimizdeki metini istediğimiz şekilde parçalara ayırarak bir diziye çevirebiliyoruz. JavaScript Split Nedir? Elimizde bulunan metini istediğimiz şekilde parçalara bölerek ondan bir array oluşturan JavaScript String metodudur. JavaScript string nesnesinin bir metodu olduğu için elimizdeki string
React Bootstrap İle Çalışmak
Uygulama veya web sayfası geliştirirken hazır CSS frameworkler ile çalışmak, tasarımcı açısıdan çok daha hızlı ve etkin bir yoldur. Çok sayıdan geliştirilmiş CSS frameworkü vardır ve bunlardan en meşhur olanlarından bir tanesi ve belkide en meşhur olanı Bootstrap kütüphanesidir. Gerek mobil ve gerekse web sitesi geliştirirken kullanabileceğimiz harika bir yardımcıdır. Çok sayıda tema bootstrap ile
Template literals (Template strings) Nedir? Nasıl Kullanılır?
JavaScripte metinler ile uğraşırken yazılımcıya çok yardımcı olan bir özellik de template literals özelliğidir. Çok satırlı metinler, metinler içerisinde değişken kullaımına izin verir. Diğer metin tanımlarından farklı olarak ifadeler backtickler içerisine yazılır. Template Literals Nedir? JavaScripte string ifadeleri belirtmek için kullanılan bir yöntemdir. Bu yöntemde string ifadeler backtickler içerisine yazılır ve template literal kullanıldığında string içerisinde değişken kullanılabilir. Kullanım
Template literals (Template strings) Nedir? Nasıl Kullanılır? Read More »
Cannot set properties of Undefined Hatası ve Çözümü
JavaScript nesneleri ile çalışırken aldığımız bir çok hata vardır. Bunlardan bir tanesi de **Cannot set properties of Undefined** hatasıdır. Bu yazımızda bu hatayı neden aldığımızı ve çözüm yollarını göreceğiz. Cannot set properties of Undefined Hatası Nedir? JavaScript nesneleri ile işlem yaparken bir nesne oluşturmadan nesnenin bir özelliğine veya metoduna ulaşmak istedindiğinde alınan bir hatadır. Böyle
Cannot set properties of Undefined Hatası ve Çözümü Read More »
Maximum Call Stack Size Exceeded Error Hatası Nedir? Nasıl Çözülür?
Uncaught RangeError: Maximum call stack size exceeded Hatası aldıysanız birşeler ters gitmeye başlamış demektir. Bu hata genelde tarayıcının sınırlarının zorlandığını gösterir. Özellikle iç içe fonksiyon çağrıldığında alınan bir hatadır. JavaScript ile geliştirme yaparken, iç içe fonksiyon çağrıları için tarayıcılarda sınırlama vardır. Bu nedenle çok sayıda iç içe çağrı yapıldığında Uncaught RangeError: Maximum call stack size exceeded hatası
Maximum Call Stack Size Exceeded Error Hatası Nedir? Nasıl Çözülür? Read More »
React Router Dom Outlet Adım Adım Örnek Uygulama
React router kullanımını pekiştirmek için adım adım bir uygulama geliştirdik. Uygulamamız anasafa (home) ve kullanıcılar (users) sayfasını içermektedir. Bu uygulamamızda iç içe route işlemini göstermek için kullanıcılar sayfası içerisinde istediğimiz bir kullanıcının bilgilerini gösteriyoruz. Bunun için useParams hooku ve Outlet komponentinin nasıl kullanıldığını da inceliyoruz. React Router Outlet Nedir? React router outlet, bir route elemanının
React Router Dom Outlet Adım Adım Örnek Uygulama Read More »
Create React App Kullanarak Uygulama Geliştirmek
React ile uygulama geliştirmeye başlayacağınızda kendi yapınızı oluşturup, gerekli bileşenleri eklemek yerine hazır yapı ve çalışan bir uygulama ile daha rahat olacaktır. Bu konuda bize yardımcı olacak kütüphane ise create-react-app kütüphanesidir. Facebook / React tarafından geliştirilmiş resmi bir uygulamadır. Kullanımı basitir. Uygulama geliştirmemizi oldukça rahat bir hale getirir. Bu Yazıda Hangi Konuları İşleyeceğiz? Bu yazımızda React JS
Create React App Kullanarak Uygulama Geliştirmek Read More »
JavaScript Array Map Metodu ve Kullanımı
JavaScript ile bir uygulama geliştirken array değişkenler ile çalışmamız gerekebilir. Bu durumlar için Array Nesnesi içinde çok sayıda metod barındırır. Bunlardan en çok kullanılanlarından bir tanesi de Array map metodudur. Bu Bölümde Neler Göreceğiz? Array Map Metodu Nedir? Neden Kullanılır? Array.prototype.map() JavaScript Array map, array nesnesinin metodlarından bir tanesidir. Yaptığı işlem, dizinin tüm elemanları üzerinde istenen işlemleri yaparak sonuçta
JavaScript Array forEach Metodu Nasıl Kullanılır?
Herhangi bir program yazarken, genellikle yolumuz array değişkenler ile keşişir. Bu olağan bir durumdur, çünkü elimizde olan verileri gruplamak bize oldukça yararlı oluyor. Mesela ürün listesi, renk listesi, yazar listesi, kart listesi, oyuncu listesi vb. şekilde uzar gider bu liste. Elimizdeki verileri bir araya topladıktan sonra onlar ile çok daha rahat işlem yapabiliriz. Mesela tüm
JavaScript Array forEach Metodu Nasıl Kullanılır? Read More »
React JS Memo İle Performans Optimizasyonu Nasıl Yapılır?
Hızın önemli olduğu bir zamandayız. Aslında belkide her zaman hız önemliydi. Fakat şuan oldukça önemli. Bir sayfa üzerinde işlem yaparken oluşacak en küçük gecikme kullanıcı deneyimini olumsuz etkiliyor. Bu nedenle tasarım ve geliştirme aşamasında uygulama performansını geliştirmek oldukça önemli. Bu Bölümde Öğreneceklerimiz Bu yazı bittiği zaman aşağıdaki konular hakkında fikir sahibi olacaksınız. Gereksi re-render işlemi
React JS Memo İle Performans Optimizasyonu Nasıl Yapılır? Read More »
JavaScript Array Değişkenlerden Eleman Silmenin 5 Farklı Yolu
Eğer JavaScript ile çalışıyorsanız dizi değişkenler sizin en büyük yardımcılarınızdan biri olacaktır. Çoğu durumda array ile çalışırız. Bu nedenle array değişkenler için çok sayıda fonksiyon bulunmaktadır. Zaten array başlı başına bir nesnedir (object). Bu nedenle hem kendi metodları ve hemde bazı özellikleri (property) bulunmaktadır. Bir Array Değişkenden Nasıl Eleman Çıkarırız? Array değişkenden bir elemanı silmenin
JavaScript Array Değişkenlerden Eleman Silmenin 5 Farklı Yolu Read More »
JavaScript Kullanarak Buton Üzerindeki Yazıyı Değiştirme
Butonlar sayfa tasarımlarında önemlidir. Etkileşimli bir sayfa oluşturmak istiyorsak buton kullanmamız kaçınılmaz olacaktır. Bir buton oluştururken onun üzerine bir yazı yazarız, mesela Üye Girişi gibi. Sonrasında bu yazının, Üye Çıkışı şeklinde değiştirilmesi gerekebilir. Bir butonun üzerindeki yazıyı JavaScript kullanarak nasıl değiştirebiliriz? Aslında tahmin ettiğiniz gibi çok kolay. Gelin şimdi bu konuyu inceleyelim. JavaScript Element textContent Özelliğini Kullanma Öncelikle çalışma
JavaScript Kullanarak Buton Üzerindeki Yazıyı Değiştirme Read More »
React JS Nedir ve Neden Çok Popüler Bir JavaScript Kütüphanesidir?
React JS kullanıcı arayüzü geliştirmeyi kolaylaştırmak için tasarlanmış açık kaynak JavaScript kütüphanesidir. Facebook tarafından 2011 yılında geliştirilmiş ve daha sonra bir çok şirket ve geliştirici tarafından kullanılmaya başlanmıştır. Günümüzde tek sayfa uygulama (SPA) oluşturmak için en çok tercih edilen JavaScript kütüphanelerinden bir tanesidir. Kullanıcı arayüzleri geliştirebileceğiniz bir JavaScript kütüphanesi. reactjs.org React resmi websitesinde bu şekilde tanıtılıyor.
React JS Nedir ve Neden Çok Popüler Bir JavaScript Kütüphanesidir? Read More »
JavaScript Nesne Özelliklerini Denetlemenin 3 Farklı Yolu
JavaScript ile geliştirme yaparken nesneleri (object) sürekli olarak kullanıyoruz. Gerek JavaScript ile bize verilen nesneler ve gerekse bizim kendi oluşturduğumuz nesneler farklı özellikler ile gelmektedir. Uygulama geliştirirken bir özelliğin nesnede olup olmadığına karar vermemiz gerekebilir. Bu durumda elimizde karşılaştırma için farklı yöntemler bulunmaktadır. Bu yazımızda JavaScript nesnelerinin (object) özelliklerini nasıl tesip edeceğimizi 3 farklı yol
JavaScript Nesne Özelliklerini Denetlemenin 3 Farklı Yolu Read More »