v2.5.2
Giriş yap

React Router Yapısı | Lazy Property

mrtanner
175 defa görüntülendi ve 2 kişi tarafından değerlendirildi
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:

Video 1
Video 2

Cevap yaz
Cevaplar (2)
tayfunerbilen
146 gün önce

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.

mrtanner
145 gün önce

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