Skip to main content

TanStack/router

SkillsMP hat 31 Skills aus TanStack/router gesammelt. Öffne einen Skill, um Quelle und Details zu prüfen.

Letzte erfasste Quellaktivität
SkillsMP-Katalog aktualisiert
gesammelte Skills
31
GitHub-Stars
14.985
GitHub-Forks
1.808

Skills in diesem Repository

1 Berufskategorien · 100% klassifiziert

Es werden 31 von 31 gesammelten Skills angezeigt.

Beruf
Softwareentwickler
Beschreibung

Integrating TanStack Router with TanStack Query: queryClient in router context, ensureQueryData/prefetchQuery in loaders, useSuspenseQuery in components, defaultPreloadStaleTime: 0, setupRouterSsrQueryIntegration for SSR dehydration/hydration and streaming,…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Step-by-step migration from React Router v7 to TanStack Router: route definition conversion, Link/useNavigate API differences, useSearchParams to validateSearch + useSearch, useParams with from, Outlet replacement, loader conversion, code splitting…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

React bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate, useLoaderData, useLoaderDeps, useRouteContext, useBlocker, useCanGoBack, Link, Navigate, Outlet,…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Step-by-step migration from Next.js App Router to TanStack Start: route definition conversion, API mapping, server function conversion from Server Actions, middleware conversion, data fetching pattern changes.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Implement, review, debug, and refactor TanStack Start React Server Components in React 19 apps. Use when tasks mention @tanstack/react-start/rsc, renderServerComponent, createCompositeComponent, CompositeComponent, renderToReadableStream,…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

React bindings for TanStack Start: createStart, StartClient, StartServer, React-specific imports, re-exports from @tanstack/react-router, full project setup with React, useServerFn hook.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Route protection with beforeLoad, redirect()/throw redirect(), isRedirect helper, authenticated layout routes (_authenticated), non-redirect auth (inline login), RBAC with roles and permissions, auth provider integration (Auth0, Clerk, Supabase), router…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Automatic code splitting (autoCodeSplitting), .lazy.tsx convention, createLazyFileRoute, createLazyRoute, lazyRouteComponent, getRouteApi for typed hooks in split files, codeSplitGroupings per-route override, splitBehavior programmatic config, critical vs…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Route loader option, loaderDeps for cache keys, staleTime/gcTime/ defaultPreloadStaleTime SWR caching, pendingComponent/pendingMs/ pendingMinMs, errorComponent/onError/onCatch, beforeLoad, router context and createRootRouteWithContext DI pattern,…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Link component, useNavigate, Navigate component, router.navigate, ToOptions/NavigateOptions/LinkOptions, from/to relative navigation, activeOptions/activeProps, preloading (intent/viewport/render), preloadDelay, navigation blocking (useBlocker, Block),…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

notFound() function, notFoundComponent, defaultNotFoundComponent, notFoundMode (fuzzy/root), errorComponent, CatchBoundary, CatchNotFound, isNotFound, NotFoundRoute (deprecated), route masking (mask option, createRouteMask, unmaskOnReload).

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Dynamic path segments ($paramName), splat routes ($ / _splat), optional params ({-$paramName}), prefix/suffix patterns ({$param}.ext), useParams, params.parse/stringify, pathParamsAllowedCharacters, i18n locale patterns.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

validateSearch, search param validation with Zod/Valibot/ArkType adapters, fallback(), search middlewares (retainSearchParams, stripSearchParams), custom serialization (parseSearch, stringifySearch), search param inheritance, loaderDeps for cache keys,…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Framework-agnostic core concepts for TanStack Router: route trees, createRouter, createRoute, createRootRoute, createRootRouteWithContext, addChildren, Register type declaration, route matching, route sorting, file naming conventions. Entry point for all…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Non-streaming and streaming SSR, RouterClient/RouterServer, renderRouterToString/renderRouterToStream, createRequestHandler, defaultRenderHandler/defaultStreamHandler, HeadContent/Scripts components, head route option (meta/links/styles/scripts), ScriptOnce,…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Full type inference philosophy (never cast, never annotate inferred values), Register module declaration, from narrowing on hooks and Link, strict:false for shared components, getRouteApi for code-split typed access, addChildren with object syntax for TS…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

TanStack Router bundler plugin for route generation and automatic code splitting. Supports Vite, Webpack, Rspack, and esbuild. Configures autoCodeSplitting, routesDirectory, target framework, and code split groupings.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Solid bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate, useLoaderData, useLoaderDeps, useRouteContext, useBlocker, useCanGoBack, Link, Navigate, Outlet,…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Solid bindings for TanStack Start: useServerFn hook, tanstackStart Vite plugin, StartClient, StartServer, Solid-specific setup, re-exports from @tanstack/start-client-core. Full project setup with Solid.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Server-side authentication primitives for TanStack Start: session cookies (HttpOnly, Secure, SameSite, __Host- prefix), session read/issue/destroy via createServerFn and middleware, OAuth authorization-code flow with state and PKCE, password-reset enumeration…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Deploy to Cloudflare Workers, Netlify, Vercel, Node.js/Docker, Bun, Railway. Selective SSR (ssr option per route), SPA mode, static prerendering, ISR with Cache-Control headers, SEO and head management.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Isomorphic-by-default principle, environment boundary functions (createServerFn, createServerOnlyFn, createClientOnlyFn, createIsomorphicFn), ClientOnly component, useHydrated hook, import protection, dead code elimination, environment variable safety (VITE_…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

createMiddleware, request middleware (.server only), server function middleware (.client + .server), context passing via next({ context }), sendContext for client-server transfer, global middleware via createStart in src/start.ts, middleware factories, method…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

createServerFn (GET/POST), validator (Zod or function), useServerFn hook, server context utilities (getRequest, getRequestHeader, setResponseHeader, setResponseStatus), error handling (throw errors, redirect, notFound), streaming, FormData handling, file…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Server-side API endpoints using the server property on createFileRoute, HTTP method handlers (GET, POST, PUT, DELETE), createHandlers for per-handler middleware, handler context (request, params, context), request body parsing, response helpers, file naming…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Core overview for TanStack Start: tanstackStart() Vite plugin, getRouter() factory, root route document shell (HeadContent, Scripts, Outlet), client/server entry points, routeTree.gen.ts, tsconfig configuration. Entry point for all Start skills.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Server-side runtime for TanStack Start: createStartHandler, request/response utilities (getRequest, setResponseHeader, setCookie, getCookie, useSession), three-phase request handling, AsyncLocalStorage context.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Programmatic route tree building as an alternative to filesystem conventions: rootRoute, index, route, layout, physical, defineVirtualSubtreeConfig. Use with TanStack Router plugin's virtualRouteConfig option.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Vue bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate, useLoaderData, useLoaderDeps, useRouteContext, useBlocker, useCanGoBack, Link, Navigate, Outlet, CatchBoundary,…

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Vue bindings for TanStack Start: useServerFn hook, tanstackStart Vite plugin, StartClient, StartServer, Vue-specific setup, re-exports from @tanstack/start-client-core. Full project setup with Vue.

Quellsprache: Englisch

Aktualisiert
Beruf
Softwareentwickler
Beschreibung

Use when working in this repository on JS bundle size, gzip regressions, benchmark scenarios, source attribution, treeshaking, dead code elimination, or Rolldown annotations.

Quellsprache: Englisch

Aktualisiert
Es werden 31 von 31 gesammelten Skills angezeigt.