Millipede Academy

Book 6 · Lesson 6.3

TanStack Router and manager views

  • Map / and /1on1 routes
  • Read RootLayout sidebar navigation
  • Connect routes to Dashboard vs 1:1 portal

Prerequisites: 6.2

DashboardDashboard.tsx

metrics + SSE

Route tree

const dashboardRoute = createRoute({ path: "/", component: Dashboard });
const oneOnOneRoute = createRoute({ path: "/1on1", component: OneOnOnePortal });

RootLayout renders <Outlet /> + sidebar <Link> components with activeProps.

Teach-back prompt

How would you add a /settings route?

Radar router nav

Lesson 6.3 check

1. 1:1 portal route is…