Nested Layouts, Loaders (Concept), Prefetching
Build nested layout UIs, understand route loaders conceptually, and add tiny link prefetch hints for faster screens.
Lesson overview
Goal: Understand nested layouts, concept of route loaders, and light prefetch for snappy navigation.
- Layout + outlet
- Prepare data before render
- Warm up next screen
Why nested layouts
- Persistent shell: header/sidebar
- Outlet swaps per route
- Fewer re-renders; smoother UI
All lessons in this course
- Nested Layouts, Loaders (Concept), Prefetching
- Auth Flows & Protected Routes
- Scroll Restoration & Not-Found Routes