Master programming syntax, solve interactive challenges & run live code in Syntaxis Explore Arena →

menu_book Course Curriculum (Remix) expand_more

Routing

File-based routes Nested routes with Outlet Dynamic params Index routes Splat routes NavLink active state Links export Meta export

Loaders and Actions

loader action useLoaderData useActionData Form component fetcher.Form useNavigation redirect

HTTP and Sessions

json response defer and Await Cookies createCookieSessionStorage Session flash messages Headers export ErrorBoundary Catch-like status handling

Production Patterns

Resource routes Optimistic UI Pending UI Revalidation shouldRevalidate ClientLoader ClientAction Progressive enhancement

Remix / Routing

NavLink active state

Learn NavLink active state in Remix through a focused explanation, a topic-specific example, an engineering warning, and a mastery check.

12 min read • Beginner

remix-006.ts

typescript

<NavLink to="/inbox" className={({isActive})=>isActive?'active':''}>Inbox</NavLink>

What to watch

Content source & attribution

Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

NavLink active state Mastery Check →