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 worden ingedeeld in twee hoofdtypen, View Routes en Layout Routes. De keuze voor het type route bepaalt hoe componenten aan URL's worden toegewezen en hoe ze interageren met andere delen van je app.
📄️ Nested Routes
Geneste routes stellen het mogelijk om kindroutes binnen ouderroutes weer te geven, wat resulteert in een modulaire en herbruikbare gebruikersinterface. Ouderroutes definiëren gedeelde componenten, terwijl kindroutes worden ingevoegd in specifieke uitgangen binnen deze oudercomponenten.
📄️ Route Outlets
Een outlet is een aangewezen component, ofwel een route lay-out of een route weergave, 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 gebruikersinterfaces en flexibele navigatiestructuren.