React sayfalar arası geçiş için farklı route paketleri kullanır. Bunlardan en çok tercih edileni React Router Dom paketidir. Normal websiteleri sayfalar arasında A Etiketini kullanarak geçiş yaparlar. Tek sayfa uygulamalarda bu istenmeyen bir durumdur. Çünkü A etiketi kullanıldığında sayfa yeniden yüklenir. Bu nedenle farklı sayfalar arasında geçiş yapılmasını ve bu işlem süresince sayfanın yeniden yüklenmesini önlemek […]
Uygulama geliştirmek hatalar ile birlikte yaşamaya alışmayı gerektirir. Hata yapmak için bir çok neden bulunmaktadır. Bunlardan birtanesi de kullanılan program veya kütüphanelerin yeni sürümlerinin çıkmasıdır. Bu nedenle uygulama geliştirirken kullanılan bileşenlerin dökümanlarının okunması ve yeni eklemeler veya kullanımdan kaldırılan özellikler araştırılmalıdır. React router dom ile çalışırken aldığımız hatalarda bir tanesi de hatasıdır. Bu hata genellikle
Error: […] is not a component. All component children of must be a or <React.Fragment> Read More »
Bulunulan sayfadan farklı bir yere yönlendirme ihtiyacı olduğunda Redirect kullanıyoruz. Normal Link kullanımından farklı olarak sayfa render edilirken bulunulan adresi farklı bir adres ile değiştir. Farklı parametreler alan bu işlev React Router V6 da kaldırılarak yerini Navigate işlevine bıraktı. Redirect Kullanımı Bir sayfada yönlendirme yapacağımız zaman yapmamız gereken ilk olarak şeklinde import etmek ve sonrasında yönlendirilecek sayfayı to parametresi ile belirterek kullanmaktır. Mesela
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 »
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