Bir çok uygulamada hatta bir çok demek doğru olmaz en popüler navigastion tipidir. Ekranın en alt kısımda genelde icon ile beraber olan ve genelde 3 yada 4 elemandan oluşan bir menü tipidir. Twitter bu konu için en çok konuyu anlamamıza yardımcı olacak örnek olabilir. Yukarıda görmüş olduğunuz görsel üzerinden anlatmak…

Nedir bu react native navigator ve neden ihtiyacımız var böyle bir şeye ? Bir web tarayıcısında, bağlantı (<a>) etiketi kullanarak farklı sayfalara bağlantı verebiliyorduk. Kullanıcı bir linke tıkladığında o an aktif olan URL tarayıcı geçmişi yığınına gönderiliyor ve yeni sayfa kullanıcının karşısına açılıyordu. Eğer kullanıcı geri düğmesine bastıysa tarayıcı öğeyi…

Pre-rendering Varsayılan olarak, Next.js her sayfayı önceden işler . Bu, Next.js’nin istemci tarafı JavaScript tarafından yapılması yerine her sayfa için önceden HTML oluşturduğu anlamına gelir. Ön işleme, daha iyi performans ve SEO ile sonuçlanabilir. Oluşturulan her HTML, o sayfa için gerekli olan minimum JavaScript koduyla ilişkilendirilir. Bir sayfa tarayıcı tarafından yüklendiğinde…

Herkese merhaba React, VueJS ve Angular gibi Javascript frameworkleri popüler olduktan sonra client-side-rendering, server-side-rendering, prerender gibi kavramlarla sikca karsilasmaya basladik . Her ne kadar dökümanlar ile beraber bu işlemleri öğrenmeye çalışakta oldukça kafa karışıklığına yok açacak bir çok kavram ve sorun karşımıza çıkıyor. Reac, VueJS ve Angular gibi js frameworklerin…

Çoğu zaman bir React geliştiricisi olarak uygulamanın optimizasyonuna ve performans iyileştirmelerine odaklanmamız gerekir. Üçüncü taraf araçlardan yerel özelliklere kadar çok hızlı bir React uygulama performansını arşivlemenin birden çok yolu vardır. Konuya başlamadan önce Memoization nedir onun hakkında küçük bir bilgi paylaşmak istiyorum. Memoization bir yapı değil, bir optimizasyon tekniğidir. En…

Şimdi direkt olarak konuya ulaşmadan önce sadece state kullanarak bir uygulamayı nasıl kurgularız ondan sözlü olarak bahsedelim. Öncelikle bir E-ticaret projesi geliştirdiğimizi düşünelim. Prpjemizin genel yapısı aşağıda gösterdiğim mind map ile daha anlaşılır olacaktır. Yukarıda görselde gördüğünüz gibi bir adet ana sayfa hesabım ve sepetim sayfaları olan bir uygulamamız olduğunu…

Nextjs, ant.design ve tailwindcss’i tek bir projede birleştirmek mümkün,bunun sayesinde class atmaları yaparak Ant Design’ın kendi csslerini ezerek müdahale edebileceğimiz bir ortam hazırlamak için böyle bir makale yazıyorum. Öncelikle geliştirdiğim projede Ant-Design css lerini ezmek için modüler css içinde yada global olarak bir çok ezme işlemi yapmam gerekiyordu yada Ant-Design…

Öncelikler herkese merhaba. Elimden geldiğince Next Js’nin en önemli konularından olan Router hook kavramını dilim döndüğünce açıklamaya çalışacağım. Client side rendering Normal şartlarda React ile geliştirilen projeler siteye giriş yapıldığında tarayıcı bir adet HTML dosyası indirir. İndirilen bu HTML dosyası genelde ilk olarak beyaz bir sayfadır içerik daha sonradan entegre edilir…

Facebook tarafından ücretsiz olarak sağlanan bu teknoloji, REST mimarilerinin (API’ler) istek oluşturmasına olanak tanır. Müşteri ile API arasında belirli sözleşmeler çerçevesinde veri iletimini sağlar. Ayrıca GraphQL REST API yazmak yerine kullanılabilecek bir sorgulama dilidir. GraphQL herhangi bir veritabanına bağlı değildir. Bu nedenle POSTGRESQL veya mongoDB ile kullanılabilir. …