Cad iad bealaí comhthreomhara agus bealaí a stopann idir?

Question

Accepted Answer

Seo dhá ghné chasta App Router do leaganacha UI sofaisticiúla. Roinneann siad comhréir coinbhinsiúin an fhillteáin. ## Bealaí Comhthreomhara (@folder) — íomhá iolracha a thaispeáint i leagan amháin Ligean do bhealaí comhthreomhara d'aon leagan amháin **iolracha "slots" bealaí neamhspleácha a dhéanamh go comhuaimiúil**, gach ceann le staid ualaidh/earráid féin. Sainmhíníonn tú slots le fillteáin `@name`: ```text app/ layout.tsx @team/page.tsx → a slot @analytics/page.tsx → another slot ``` ```tsx // app/layout.tsx — slots are passed as named props export default function Layout({ children, team, // ← @team slot analytics, // ← @analytics slot }: { children: React.ReactNode; team: React.ReactNode; analytics: React.ReactNode }) { return <>

{children} ; } ``` Nabhaigíonn agus ualadh gach slot **go neamhspleách** — go breá do **dhashboard** nuair a bhíonn painéil á n-uachta ar leithligh, nó dhá roinn a thaispeáint ag an am céanna. ## Bealaí a Stopann ((.)folder) — bealach a chur ar bharr a stí gan an leathanach reatha a fhágáil Ligean do bhealaí stopacháin a bheith i ngan fhios go "gabhann" do thuras ionad agus a dhéanamh **i gcomhthéacs an láithreáin** (m.sh. modal) in ionad leathanach iomlán — agus fós URL fíor, inroinnte a bheith agat. ```text app/feed/page.tsx app/feed/(..)photo/[id]/page.tsx → intercepts /photo/[id] when navigated from the feed app/photo/[id]/page.tsx → the full page (on direct visit / refresh) ``` ```text Click a photo in the feed → opens as a MODAL over the feed (intercepted), URL = /photo/123 Refresh or share that URL → renders the FULL photo page (no interception) ``` Rialaíonn na marcóirí stopacháin (`(.)` an leibhéal céanna, `(..)` ceann suas, `(...)` fréamh) an bhfuil cosaint ar chuid. Go díreach an conas a bhíonn an patrún "bás Instagram-stíl a osclaítear i modal ach tá a bhealach féin aici" ag obair. ## Cén fáth go bhfuil sé tábhachtach Ceadaíonn bealaí comhthreomhara leaganacha multi-pane casta, ag ualadh neamhspleách (dashboards) go soiléir; bealaí stopacháin tugann an patrún "modal le URL fíor" (inroinnte, slán ar athfhilleadh, barúil ar ais-chnaipe) a bhí deacair a thógáil eile. Tá siad casta, ach réitíonn siad fadhbanna UX fíor — painéil neamhspleách agus bháisteach comhthéacs — a bhí ag teastáil oibre láimhe de riachtanas routing/staid a bhí suntasach.