React Router Yapısı | Lazy Property
React
Açıklama: Router yapısını biliyorum fakat öğrenmek istediğim lazy özelliğini kullanabilmek. Atacağım refens videoları denedim, 3G slow da tesler yaptım fakat çözemedim.
loader'ı denerim, lazy ve suspence yapısını denedim...
Not 1: RouterProvider ile BrowserRouter birlikte kullanılamıyor. (Tercihen RouterProvider)
Not 2: Linkteki fallbackElement başlığı altıdanki metin önemli:
https://reactrouter.com/en/main/routers/router-provider
-> createBrowserRouter will initiate all matching route loaders when it mounts.
-> createBrowserRouter bağlandığında eşleşen tüm rota yükleyicileri başlatacaktır.
-->> Teknik olarak layout içindeki tüm rotaları yüklüyor fakat buna bir çözüm gerek.
main.jsx | Resim 1.1
Routes | Resim 1.2
main.jsx | Resim 2.1
Routes | Resim 2.2
Daha iyi anlaşılması için bu videolara bakarsanız sevinirim:
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
tam olarak neyi anlamadin? lazy ile import ettigini /another adresine girince yukluyor, build alip denediginde network'den bakabilirsin ayri ayri cagirdigina zaten, soru ne ya da neyi merak ettin anlamadim ben hicbir sey.
Çok özür diliyorum birden fazla konu açmışım. Sorunda şu idi, createBrowser ın lazy özelliği düzgün çalışmıyordu. Bunun yerine direk lazy ve Suspence kullanınca tekrar test ettim sorun kalmadı ayrıca araştırmalar sonucunda lazy component yapısınıda keşfettim. Yine de çok teşekkürler efendim.