Merhaba arkadaşlar, bu yazımda sizlere çalıştığım firmamda şu anda gündem konusu olan dizayn sistemlerden bahsetmek istiyorum. Ekiplerin tasarım modellerini yeniden oluşturmak yerine, hali hazırda önceden tasarlanmış olan dizayn sistemden istenilen bileşeni alıp, direkt olarak projeye dahil ettiği, bileşen bütünlüğüne odaklı ve zamandan kazanç sağlayan sistemlere dizayn sistem diyoruz. Bu sistemleri…

Herkese selam arkadaşlar. Bu yazımda sizlere son yıllarda Google tarafından internette kullanıcı deneyimini ve web sitelerinin açılış hızları noktasında sayfaların kalite sinyallerinin ölçümlenmesinde kullanılan 3 adet metrikten bahsedeceğim. Bu metrikler, Largest Contentful Paint (LCP) - web sitenizin ne kadar hızlı yüklendiğine First input delay (FID) - web sitenizde ki herhangi…

Herkese merhaba arkadaşlar. Bu yazımda sizlere projelerde görev alırken neredeyse her gün sık sık kullandığım git komutlarından bahsetmek istiyorum. İsterseniz hemen ufaktan bir giriş yapalım. 1- git checkout -b “<oluşturacağınız branch ismi>” Bu komut sayesinde yeni bir branch oluşturabiliyoruz. Örneğin çalıştığınız şirketin product ekibinden size yeni bir iş tanımlandı. İşin branch ismi ise SHN-1567 olsun..

Merhaba arkadaşlar. Bu yazımda sizlere react hooks yapılarında sıkça kullanılan fonksiyonlardan bahsetmeye çalışacağım. 1) useEffect() useEffect fonksiyonu functional componentler de kullanılan bir fonksiyondur, Kullanım farklılıkları açısından her kullanım şeklinin ayrı bir görevi vardır. Şimdi bunları inceleyelim. Aşağıdaki kullanım şekli component her render edildiğinde çalışan bir fonksiyondur.

Merhabalar herkese. Front end dünyasındaki gelişmeleri sürekli takip eden birisi olarak son zamanlarda ReactJs öğrenemeye merak saldım. Açıkçası React’a karşı gerçekten negatif anlamda bir önyargım vardı, bir çok kez React öğrenmeye kalktığımda yarım saat sonra kendimi yine Vue yazarken bulabiliyordum. Ancak dediğim gibi frontend dünyası sürekli gelişiyor ve ReactJs bilgisi…

Günümüz teknolojilerinde yapılan web sitelerine arama motorlarından erişebilmek en önemli ve olmazsa olmaz unsurlardan biridir. Yaptığımız bir web sitesi eğer arama motorlarında gözükmüyorsa bu durum web sitemize kullanıcıların erişme oranının düşürecek ve sitemiz için hayal ettiğimiz kullanıcı kitlesine ulaşamayacağız. Tek avantajı Server Side Rendering yapıyor olması değil tabiki , Klasör mimarisi…

Selamlar herkese. Bugünkü yazımda sizlere Vue.js te çok kullanışlı ve işinize yarayacak bir konudan Mixins’den bahsedeceğim. Aslında mixin CSS’ten te aşina olduğumuz bir konu. CSS’te ki amacı neydi, tekrar eden kodlarımızı tek bir parça haline getirip, onları istediğimiz yerde kullanmaktı. Vue.js’tede aynı mantık aslında. Hemen örnek yaparak anlatmaya çalışayım,

Selamlar herkese. Bugünkü yazımda sizlere async await ve promise yapılarından bahsetmek istiyorum. İnternette bunlar ilgili çok örnek, çok video var bu yüzden ben direk async await ve promise’i beraber kullandığım bir örnek yapıp, çoğu insanın kafasında ki soru işaretlerini kaldırabileceğimi düşünüyorum. ES7 ile beraber hayatımıza giren async await kavramı bizi…

Herkese selamlar. Bu yazımda şirket içinde kullanmaya ihtiyaç duyduğumuz bir konudan bahsedeceğim. Facebook, Twitter, Youtube ve şu anda bulunduğumuz site dahil sıkça kullandığımız sitelerde hemen hemen her gün karşımıza çıkan bu yapının adı Skeleton Loader. Nedir bu Skeleton Loader ? Skeleton sayfa yüklenme aşamasında kullanıcılara beyaz boş bir sayfa göstermek yerine sayfa yüklenene kadar site yapısına uygun fake görseller göstermemize yarayan bir yapıdır. Zaten ingilizce karşılığı da İskelet Yükleyici olarak geçiyor.