Njia za sambamba na za kukamatia ni nini?

Question

Accepted Answer

Hizi ni sifa mbili za juu za App Router kwa ajili ya mipango iliyobuniwa sana ya UI. Zinashiriki na muundo wa kaida ya folda. ## Njia za Sambamba (@folder) — kuonekeza kurasa nyingi katika muundo mmoja Njia za sambamba huruhusu muundo mmoja kuonekeza **"vitengo" vingi vya ruta vya kujitegemea kwa wakati mmoja**, kila moja yenye hali yake ya upakiaji/kosa. Unabainisha vitengo na folda za `@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} ; } ``` Kila tengo hinavigeti na kupakiwa **kwa kujitegemea** — nzuri sana kwa **dashibodi** ambapo paneli zinasasishwa kando, au kuonyesha sehemu mbili kwa wakati mmoja. ## Njia za Kukamatia ((.)folder) — bunza ruta bila kuondoka kwenye ukurasa wa sasa Njia za kukamatia hukuruhusu "kukamatia" ujumbe na kuuonekeza **katika muktadha wa sasa** (mfano modal) badala ya kurasa nzima — lakini bado una URL halisi na inayoshirikiwa. ```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) ``` Alama za kukamatia (`(.)` kiwango kimoja, `(..)` moja juu, `(...)` kizizi) zinakontrol sehemu ipi inakamatiwa. Hii ndio tamthali ya "Instagram-style — picha inafunguka katika modal lakini ina URL yake mwenyewe". ## Kwa nini ni muhimu Njia za sambamba huruhusu mipango iliyobunwa sana yenye paneli nyingi zinazopakiwa kwa kujitegemea (dashibodi) kwa njia safi; njia za kukamatia hutoa muundo wa "modal wenye URL halisi" (inayoshirikiwa, salama kwa takiriri, rafiki wa kitufe cha nyuma) ambayo ingine ni ngumu kujenga. Ziko katika kiwango cha juu, lakini hutatua matatizo halisi ya UX — paneli za kujitegemea na overlay za muktadha — ambazo hapo awali zilihitaji kazi nyingi za uongozaji/hali ya mkono.