Route-hiërarchie
Routen zijn georganiseerd in een hiërarchische boomstructuur die ontwikkelaars in staat stelt om lay-outs te definiëren, weergaven te beheren en componenten dynamisch te renderen in verschillende delen van de app.
De belangrijkste concepten die je tegenkomt bij het bouwen van een webforJ routable-app zijn onder andere:
- Routehiërarchie: Organiseert routes in ouder-kindstructuren voor modulaire UI-ontwikkeling.
- Route Types: Routen worden geclassificeerd als Bekijkroutes of Layoutroutes, die elk een ander doel dienen.
- Geneste Routen: Routes kunnen binnen elkaar genest zijn, waardoor oudercomponenten kindcomponenten kunnen renderen in aangewezen uitgangen.
- Uitgangen: Componenten waar kindweergaven dynamisch in ouderlay-outs worden geïnjecteerd.
- Lay-outs: Speciale routes die kindcomponenten omhullen zonder bij te dragen aan de URL, en gedeelde UI-elementen zoals koptekst, voettekst of zijkanten bieden.
Onderwerpen
📄️ Route Types
Routes zijn ingedeeld in twee hoofdtypen, View Routes en Layout Routes. De keuze van het roettype bepaalt hoe componenten aan URL's worden gekoppeld en hoe ze interactie hebben met andere delen van uw app.
📄️ Nested Routes
Geneste routes stellen het mogelijk om child routes te renderen binnen parent routes, waardoor een modulaire en herbruikbare UI ontstaat. Parent routes definiëren gedeelde componenten, terwijl child routes worden geïnjecteerd in specifieke uitgangen binnen deze parent componenten.
📄️ Route Outlets
Een outlet is een aangewezen component, hetzij een route layout of een route view, waar kindroutes dynamisch worden weergegeven. Het definieert waar de inhoud van de kindroute zal verschijnen binnen de ouderroute. Outlets zijn fundamenteel voor het creëren van modulaire, geneste UI's en flexibele navigatiestructuren.