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 / Production Patterns

Pending UI

Learn Pending UI in Remix through a focused explanation, a topic-specific example, an engineering warning, and a mastery check.

12 min read • Advanced

remix-027.ts

typescript

const nav=useNavigation(); return nav.state==='loading'?<Spinner/>:<Outlet/>;

What to watch

Content source & attribution

Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

Pending UI Mastery Check →