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