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