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'ı ,lazy: async, lazy ve suspence durumlarını ayrı ayrı 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!