はてなブックマーク

Hash/Top-of-Page Scrolling# Out of the box, TanStack Router supports both hash scrolling and top-of-page scrolling without any additional configuration. Scroll-to-top & Nested Scrollable Areas# By default, scroll-to-top mimics the behavior of the browser, which means only the window itself is scrolled to the top after successful navigation. For many apps however, it's common for the main scrollabl

Define keyboard shortcuts with a fully type-safe Hotkey string type that validates key combinations at the type level. Cross-platform Mod modifier automatically maps to Cmd on macOS and Ctrl elsewhere, so your shortcuts work everywhere without platform checks. Ships with sensible and safe defaults, including automatic preventDefault and stopPropagation, smartly ignoring shortcuts when input fields

TanStackQueryPowerful asynchronous state management, server-state utilities and data fetchingPowerful asynchronous state management, server-state utilities and data fetching. Fetch, cache, update, and wrangle all forms of async data in your TS/JS, React, Vue, Solid, Svelte & Angular applications all without touching any "global state" Read the Docs “If you’re serious about *really* understanding R

The open-source application stack for the web.Headless, type-safe, composable tools for building modern web applications that work naturally for developers and reliably for agents.

import { createRootRoute, createRoute, createRouter, RouterProvider } from '@tanstack/react-router' const rootRoute = createRootRoute() const indexRoute = createRoute({ getParentRoute: () => rootRoute, path: '/', component: () => <div>Hello World</div>, }) const routeTree = rootRoute.addChildren([indexRoute]) const router = createRouter({ routeTree }) export default function App() { return <Router

import { createRootRoute, createRoute, createRouter, RouterProvider } from '@tanstack/react-router' const rootRoute = createRootRoute() const indexRoute = createRoute({ getParentRoute: () => rootRoute, path: '/', component: () => <div>Hello World</div>, }) const routeTree = rootRoute.addChildren([indexRoute]) const router = createRouter({ routeTree }) export default function App() { return <Router

import { useQuery } from '@tanstack/react-query' function Todos() { const { data, isPending, error } = useQuery({ queryKey: ['todos'], queryFn: () => fetch('/api/todos').then(r => r.json()), }) if (isPending) return <span>Loading...</span> if (error) return <span>Oops!</span> return <ul>{data.map(t => <li key={t.id}>{t.title}</li>)}</ul> } export default Todosimport { useQuery } from '@tanstack/re

import { Component, signal } from '@angular/core' import { createAngularTable, getCoreRowModel, FlexRenderDirective, type ColumnDef } from '@tanstack/angular-table' type Person = { id: number; name: string } @Component({ standalone: true, selector: 'app-table', imports: [FlexRenderDirective], template: ` <table> <thead> @for (hg of table.getHeaderGroups(); track hg.id) { <tr> @for (header of hg.he

Comparison | React Query vs SWR vs Apollo vs RTK Query vs React Router This comparison table strives to be as accurate and as unbiased as possible. If you use any of these libraries and feel the information could be improved, feel free to suggest changes (with notes or evidence of claims) using the "Edit this page on Github" link at the bottom of this page. Feature/Capability Key: ✅ 1st-class, bui