ये दुई उन्नत App Router सुविधाहरू परिष्कृत UI लेआउटका लागि हुन्। तिनीहरूले फोल्डर-अधिवेशन वाक्यविन्यास साझा गर्छन्।
समानान्तर मार्गहरूले एकल लेआउटलाई बहुविध स्वतन्त्र रुट "स्लटहरू" एकै साथ प्रस्तुत गर्न अनुमति दिन्छ, प्रत्येकको आफ्नै लोडिङ/त्रुटि अवस्था सहित। तपाईंले @name फोल्डरहरू सहित स्लटहरू परिभाषित गर्नुहुन्छ:
app/
layout.tsx
@team/page.tsx → a slot
@analytics/page.tsx → another slot
// 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 <><nav /> {children} <aside>{team}{analytics}</aside></>;
}
प्रत्येक स्लट स्वतन्त्र रूपमा नेविगेट र लोड गर्छ — ड्यासबोर्डहरूका लागि उत्तम जहाँ प्यानलहरू अलग-अलग अपडेट हुन्छन्, वा एकै साथ दुई खण्ड देखाउँदै।
अवरोधन गरने मार्गहरूले तपाईंलाई नेविगेशन "समात्न" र यसलाई वर्तमान सन्दर्भमा (जस्तै मोडल) प्रस्तुत गर्न अनुमति दिन्छ पूर्ण पृष्ठको सट्टामा — तथापि साझेदारी योग्य URL सहित।
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)
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)
अवरोधन मार्करहरू ((.) समान स्तर, (..) एक माथि, (...) जरा) नियन्त्रण गर्छन् कुन खण्ड अवरोधन गरिन्छ। यो ठीकै Instagram शैली "फोटो मोडलमा खुल्छ तर आफ्नो URL छ" प्याटर्नको काम गर्ने तरीका हो।
समानान्तर मार्गहरूले जटिल, स्वतन्त्र रूपमा लोड गर्ने बहु-साचपट्टी लेआउटहरू (ड्यासबोर्डहरू) स्वच्छतामा सक्षम गर्छन्; अवरोधन गरने मार्गहरूले "मोडल एक वास्तविक URL सहित" प्याटर्न प्रदान गर्छन् (साझेदारी योग्य, रिफ्रेश-सुरक्षित, पश्चबटन-अनुकूल) जो अन्यथा निर्माण गर्न गाह्रो हुन्छ।
तिनीहरू उन्नत छन्, तर तिनीहरूले वास्तविक UX समस्याहरू समाधान गर्छन् — स्वतन्त्र पैनल र सन्दर्भात्मक ओभरलेहरू — जसलाई पहिले महत्त्वपूर्ण म्यानुएल रुटिङ/अवस्था कार्य चाहिन्थ्यो।
विस्तृत उत्तरसहित IT अन्तर्वार्ता प्रश्नहरूको पुस्तकालय — जुनियरदेखि सिनियरसम्म।
दान गर्नुहोस्