Menene hanyoyi masu haɗi gida da hanyoyi masu tsaita?

Question

Accepted Answer

Waɗannan su ne nau'ikan advanced App Router guda biyu don tsari mai ƙwarewa UI. Suna raba jimla na al'ada na foda. ## Hanyoyi Masu Haɗi Gida (@folder) — jifya shafuka da yawa a yaren gida ɗaya Hanyoyi masu haɗi gida suna ba da damar jifya gida ɗaya **"madaimaikaN hanyoyi masu haɗi gida da yawa aiki tare", kowannensu tare da nashi hannun nauyin/kuskure. Kuna bayyana madaimaikaN tare da foda `@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} ; } ``` Kowannen madaimaikaN ya haɗi gida da jifya **kai tsaye** — kyau don **dashboard" inda alubosa na sabunta fa ɗaya fa ɗaya, ko nuna sasssuka biyu a jiya. ## Hanyoyi Masu Tsaita ((.)folder) — yagi hanya ba tare da barin shafin yanzu ba Hanyoyi masu tsaita suna ba da damar "kama" goggo da ita **a gurin yanzu** (misali modal) wajen cikakken shafi — sai ma akwai tunani na gaske, masu raba. ```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) ``` Mayakan tsaita (`(.)` matakala ɗaya, `(..)` ɗaya saman, `(...)` gindin gida) suna sarkar aling karfe ana tsaita. Wannan shi ne daidai yadda tsarin Instagram "hoton buɗe a modal amma tana da nasu tunani" yana aiki. ## Me yasa Ya Zama Muhimmi Hanyoyi masu haɗi gida suna ba da damar tsari masu ɗan saba, nau'i-nau'i mai jefiya (dashboard) mai tsabta; hanyoyi masu tsaita suna isar da tsarin "modal tare da tunani gaske" (raba, tsabta-jegagala, sanin buti-sanin) wanda ba zai kasance sarkarau ba don gina. Su ne sakamakau, amma suna warwarai ainihin matsaloli UX — alubosa masu haɗi gida da yagi gudu — wanda a jiya ya buƙaci aiki mai mahimmanci na hanya/haraji.