jQuery vs Vanilla JS

Evet hocam, düz JS. Bilemiyorum neden böyle hitap ediliyor. Vanilla yazılım jargonunda saf, temiz olarak kullanır. Sanırım bu da senelerdir sektöre yerleşti.

arkadaşım ben mükemmel js bilen biri değilim backend tarafında mükemmel işler çıkartabilen bir kişiyim. Ama şunu söyliyim saf js de bir işlemi realtime yapmak için belki 100 satır veya bir şeyi kaydırabilir halde yapmak için 30 bilemedin 50 satır yazman gerek. Neden Jquery yavaş değildir. Saf js yi fonksiyonlara ayırarak daha rahat kullanım saglamak ve yüzlerce satırdan kurtarmak için tasarlanmıştır. O yüzden Jquery'i küçümseme.

Engin bilgilerinizi bizimle paylaştığınız için teşekkür ederiz.

Tamamdır teşekkürler 👍

Site: http://vanilla-js.com

Bu siteye ilk giren JavaScript bilenler gülmüş, belki de kahkaha atmışlardır çünkü internet tarihinin en büyük trollerinden birini yaşamışlardır. Yabancıların espri anlayışı da tam olarak böyledir. Gerçekten sağlam trollemiş, güldürmüştür. İlk mesajda belirtilmiş ama yine de VanillaJS nedir bilmeyenler için bir kere daha kısaca belirtelim; içinde herhangi bir framework veya JS kütüphanesi barındırmayan ve onlara dayalı çalışmayan saf/düz JavaScript'tir. Sitede bu konuya öyle sağlam gönderme yapmışlar ki, biraz incelerseniz anlarsınız zaten ve düz JavaScript biliyorsanız büyük ihtimalle sırıta sırıta güler, trollendiğinizi anlar, üstüne bir de kahkaha atarsınız.

Vanilla JS saf JavaScript olduğu için basit değildir. Bunu isterseniz kullandığınız kütüphanenin eklentilerini tek tek convert/dönüştürme yapmanız gerekecektir ve bilmeyenler için bu işlem mümkün değildir. Gerçekten zordur ve küçücük bir plugin bile saatler süren uğraşlar isteyebilir. jQuery vb. gibi kütüphaneler zaman kaybetmemek için vardır ve çoğu yazılımcılar uğraşmak yerine direkt onu kullanır yani genelde böyle olur. En basit örnek, (site örneği) aşağıdaki gibidir.

Vanilla JS:

var r = new XMLHttpRequest();
r.open("POST", "path/to/api", true);
r.onreadystatechange = function () {
  if (r.readyState != 4 || r.status != 200) return;
  alert("Success: " + r.responseText);
};
r.send("muz=sari");

Boyut: 217 byte

jQuery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$.ajax({
  type: 'POST',
  url: "path/to/api",
  data: "muz=sari",
  success: function (data) {
    alert("Success: " + data);
  },
});
</script>

Boyut: 95921 byte yani neredeyse 96KB

Şimdi durumu tam olarak anlamışsınızdır herhalde.

Bu arada kendini eğitmek isteyen veya bir şeyler öğrenmek isteyen, aynı zamanda aradaki farkları incelemek isteyen varsa, şu farklı kaynağı da inceleyebilir: https://youmightnotneedjquery.com

Konuya aylar sonra tekrar yazmak istedim. Sene 2025'e gelmek üzereyiz ve hala çılgınlar gibi jQuery kullanılıyor. Aslında bu kadar kullanılmıyor, WordPress yüzünden böyle görünüyor. Sadece VanillaJS kullanan bir sitenin hızı inanılmaz yüksek seviyelere çıkıyor. Birkaç tane özellik için jQuery kullanmak yani onunla DOM manipülasyonu yapmak bana artık garip gelmeye başladı.

"...Vanilla JS. Framework kullanmayı tercih etmiyorum çünkü ben yazmadım ve JS gibi browser temelli bir dilde; framework'lerdeki bir hatadan dolayı debug yaparken midem kalkıyor...."

Vanilla JS de amele gibi selector yazmaya devam diyorsun jQuery gercegi asla bitmez

Bunun adı işin kolayına kaçmak oluyor ne yazık ki. Hadi çok fazla plugin kullanırsın bir nebze anlarım ama 3-5 tane plugin yüzünden devasa jQuery kütüphanesini kullanmak bana mantıklı gelmiyor.