இவை洗练된் UI தளவரைபுக்கான App Router இன் இரண்டு மேம்பட்ட அம்சங்கள். அவை ஒரு கோப்பு-மரபு தொடரியல் பகிர்ந்து கொள்கின்றன.
இணை நெடுஞ்சாலைகள் ஒரு தளவரை பல சுயாதீன வழி "இடங்களை" ஒரே நேரத்தில் வழங்க அனுமதிக்கிறது, ஒவ்வொன்றும் அதன் சொந்த ஏற்றுதல்/பிழை நிலை கொண்டுள்ளது. @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)
குறுக்கீடு குறிப்பெண்கள் ((.) அதே நிலை, (..) ஒன்று மேல், (...) வேர்) எந்த பிரிவு குறுக்கிடப்படுகிறது என்பதை கட்டுப்படுத்துகிறது. இது சரியாக "இன்ஸ்டாগ்राம்-பாணி — புகைப்படம் மாடலில் திறக்கிறது ஆனால் அதன் சொந்த URL இருக்கிறது" முறையாக செயல்படுகிறது.
இணை நெடுஞ்சாலைகள் சிக்கலான, சுயாதீனமாக-ஏற்றப்பட்ட பல-பேன் தளவரைபுக்களை (டாஷ்போர்டுகள்) சுத்தமாக செயல்படுத்தும்; குறுக்கிடும் நெடுஞ்சாலைகள் "உண்மையான URL மாடல்" முறையை (பகிரக்கூடிய, புதுப்பிப்பு-பாதுகாப்பான, பின்னோக்கு-பொத்தான்-நட்பு) வழங்குகின்றன, இல்லையெனில் கட்டிட கடினமாக இருக்கும்.
அவை மேம்பட்டவை, ஆனால் அவை உண்மையான UX சிக்கல்களைத் தீர்க்கிறது — சுயாதீன பேனல்கள் மற்றும் சூழ்ந்த மேலெழுதுதல் — முன்னர் கணிசமான கைமுறை வழிசெலுத்தல்/நிலை வேலை தேவைப்பட்டது.