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:
Ç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.