Programlama Dilleri

Maximum Call Stack Size Exceeded Error Hatası Nedir? Nasıl Çözülür?

Maximum Call Stack Size Exceeded Error Hatası Nedir? Nasıl Çözülür?

Yorum bırakın / Genel, JavaScript /

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 Örnek Uygulama

React Router Dom Outlet Adım Adım Örnek Uygulama

Yorum bırakın / Genel, JavaScript, React JS /

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

Create React App Kullanarak Uygulama Geliştirmek

Yorum bırakın / Genel, JavaScript, React JS /

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

JavaScript Array Map Metodu ve Kullanımı

2 Yorum / Genel, JavaScript /

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 Map Metodu ve Kullanımı Read More »

JavaScript Array forEach Metodu Nasıl Kullnılır?

JavaScript Array forEach Metodu Nasıl Kullanılır?

Yorum bırakın / Genel, JavaScript, Programlama /

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 Memo ile Performans Artırma

React JS Memo İle Performans Optimizasyonu Nasıl Yapılır?

Yorum bırakın / Genel, JavaScript, Programlama, React JS /

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 Kodlama

JavaScript Array Değişkenlerden Eleman Silmenin 5 Farklı Yolu

Yorum bırakın / Genel, JavaScript /

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 »

Button

JavaScript Kullanarak Buton Üzerindeki Yazıyı Değiştirme

2 Yorum / Genel, JavaScript /

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?

React JS Nedir ve Neden Çok Popüler Bir JavaScript Kütüphanesidir?

Yorum bırakın / Genel, JavaScript, React JS /

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 bulma

JavaScript Nesne Özelliklerini Denetlemenin 3 Farklı Yolu

Yorum bırakın / Genel, JavaScript, Programlama /

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 »

React Icons

React Icons Nedir? React Projesine Nasıl Dahil Edilir?

Yorum bırakın / Genel, JavaScript, Programlama, React JS /

Günümüz web uygulamalarında ve mobil uygulamalarda sıkça ikonları kullanıyoruz. Birer simge olarak kullandığımız ikonlar bazen bir uygulamayı ifade eder, bazen bir duyguyu. Bazen bir menüyü daha anlaşılır kılmak için kullanırız. Günümüzde çok sayıda ikon kütüphanesi (icons library) bulunmaktadır. Bu ikonları bazen resim olarak ve bazen font gibi uygulamalarımızda kullanabiliyoruz. Bir çok fikri, duyguyu, uygulamayı veya

React Icons Nedir? React Projesine Nasıl Dahil Edilir? Read More »

react router ile sayfalar arasında gezinme

React Router Nedir? Nasıl Kullanılır?

Yorum bırakın / Genel, JavaScript, Programlama, React JS /

Tek sayfa uygulamalarda farklı sayfalara yönlendirme yapmak için kullanabileceğimiz farklı kütüphaneler bulunmaktadır. Bunlar bize kolay ve etkin bir şekilde sayfa yenilemesi yapılmadan, farklı sayfalar arasında gezinme imkanı sunmaktadırlar. Bu işlemin kolayca yapılması bize uygulama geliştirirken zaman kazandırmaktadır. Bu yazımızda bu işlemi yapabileceğimiz ve React geliştiricileri arasında en çok kullanılan yönlendirme kütüphanelerinden biri olan React Router

React Router Nedir? Nasıl Kullanılır? Read More »

Electron Js Nedir? Geliştiriciler Neden Kullanmalı?

Electron Js Nedir? Geliştiriciler Neden Kullanmalı?

Yorum bırakın / Genel, JavaScript, Programlama /

Masaüstü uygulamalar geliştirmek üzere tasarlanmış olan Electron Js, Node Js ve Chromium tabanlı JavaScript frameworküdür. HTML, CSS ve JavaScript kullanarak masaüstü uygulamalar geliştirmek için kullanılmaktadır. HTML, CSS ve JavaScript bilen tasarımcıların masaüstü uygulamalar geliştirmesini kolaylaştıran açık kaynak (open source) bir çalışmadır. Bu yazıda neler öğreneceğiz? Electron JS nedir. Nerelerde kullanılır. Ne üzerine kurgulanmıştır ve hangi

Electron Js Nedir? Geliştiriciler Neden Kullanmalı? Read More »