Skip to main content
TanStack
ملف منشئ GitHub

TanStack

عرض على مستوى المستودعات لـ ٢١٢ skills مجمعة عبر ١١ مستودعات GitHub.

skills مجمعة
٢١٢
مستودعات
١١
محدث
٢٨ أغسطس ٢٠٢٦
نعرض هنا أهم 8 مستودعات؛ تستمر القائمة الكاملة أدناه.
مستكشف المستودعات

المستودعات و skills الممثلة

create-table-hook
غير مصنف

Share Alpine tableFeatures, defaults, createAppTable, and createAppColumnHelper with createTableHook. Load when multiple Alpine tables repeat infrastructure; unlike JSX adapters, Alpine has no registered table/cell/header component or context registry.

٢٨ أغسطس ٢٠٢٦
getting-started
غير مصنف

Create an Alpine TanStack Table v9 table with createTable, explicit tableFeatures, Alpine.reactive data getters, x-for rendering, and FlexRender through x-html. Load for first-table setup, reactive options, or when nested Alpine directives rendered by x-html…

٢٨ أغسطس ٢٠٢٦
table-state
غير مصنف

Read automatically reactive Alpine table APIs in bindings and own slices with Alpine.reactive getters plus on*Change or external TanStack Store atoms. Load for controlled state, updater callbacks, selector gating, atom precedence, or code incorrectly adding…

٢٨ أغسطس ٢٠٢٦
devtools
غير مصنف

Register Angular Table v9 instances with injectTanStackTableDevtools inside injection context. Load for reactive table registration, required options.key, enabled or undefined tables, cleanup, Angular isDevMode gating, or explicit production exports.

٢٨ أغسطس ٢٠٢٦
create-table-hook
غير مصنف

Create an Angular injectAppTable/createAppColumnHelper abstraction with shared features/defaults, registered components, injectTableContext/injectTableCellContext/injectTableHeaderContext, and correct FlexRender component-versus-function handling.

٢٨ أغسطس ٢٠٢٦
getting-started
غير مصنف

Create an Angular TanStack Table v9 table with injectTable inside injection context, explicit stable tableFeatures and columns, signal-backed data, and FlexRender structural directives or helpers.

٢٨ أغسطس ٢٠٢٦
migrate-v8-to-v9
غير مصنف

Complete Angular v8-to-v9 migration reference: injectTable and injection context, explicit features and row-model slots, signal/atom state, FlexRender directives, type generics, prototype methods, sorting, sizing, selection, and logical pinning.

٢٨ أغسطس ٢٠٢٦
table-state
غير مصنف

Use Angular-signal-backed table.atoms, direct template reads, computed selectors, controlled signals, value-or-updater callbacks, and external Angular Store atoms while accounting for injectTable initializer reruns.

٢٨ أغسطس ٢٠٢٦
عرض 8 من أصل ٨١ skills مجمعة.
عرض 8 من أصل ٤٥ skills مجمعة.
router-query
مطوّرو البرمجيات

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,…

٢٦ يوليو ٢٠٢٦
migrate-from-react-router
مطوّرو البرمجيات

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…

٢٦ يوليو ٢٠٢٦
react-router
مطوّرو البرمجيات

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

٢٦ يوليو ٢٠٢٦
migrate-from-nextjs
مطوّرو البرمجيات

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.

٢٦ يوليو ٢٠٢٦
server-components
مطوّرو البرمجيات

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,…

٢٦ يوليو ٢٠٢٦
react-start
مطوّرو البرمجيات

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

٢٦ يوليو ٢٠٢٦
auth-and-guards
مطوّرو البرمجيات

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…

٢٦ يوليو ٢٠٢٦
code-splitting
مطوّرو البرمجيات

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…

٢٦ يوليو ٢٠٢٦
عرض 8 من أصل ٣١ skills مجمعة.
db-core-mutations-optimistic
غير مصنف

collection.insert, collection.update (Immer-style draft proxy), collection.delete. createOptimisticAction (onMutate + mutationFn). createPacedMutations with debounceStrategy, throttleStrategy, queueStrategy. createTransaction, getActiveTransaction, ambient…

٢٥ أغسطس ٢٠٢٦
db-core
مطوّرو البرمجيات

TanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionOptions, rxdbCollectionOptions, trailBaseCollectionOptions, localOnlyCollectionOptions. Live queries via query builder (from, where, join,…

٢٥ أغسطس ٢٠٢٦
db-core-custom-adapter
غير مصنف

Building custom collection adapters for new backends. SyncConfig interface: sync function receiving begin, write, commit, markReady, markError, truncate, metadata primitives and returning cleanup, loadSubset, and optional unloadSubset handlers. ChangeMessage…

٢٤ أغسطس ٢٠٢٦
react-db
غير مصنف

React bindings for TanStack DB. Prefer useLiveQuery({ query }) with derived structured query identity. Provide queryKey only for opaque functional query variants or very hot render paths. Dependency arrays are legacy and warn before 1.0 removal.…

٢٣ أغسطس ٢٠٢٦
db-core-live-queries
مطوّرو البرمجيات

Query builder fluent API: from, where, join, leftJoin, rightJoin, innerJoin, fullJoin, select, fn.select, groupBy, having, orderBy, limit, offset, distinct, findOne. Operators: eq, gt, gte, lt, lte, like, ilike, inArray, isNull, isUndefined, and, or, not.…

١٧ أغسطس ٢٠٢٦
meta-framework
مطوّرو البرمجيات

Integrating TanStack DB with meta-frameworks (TanStack Start, Next.js, Remix, Nuxt, SvelteKit). Client-side only: SSR is NOT supported — routes must disable SSR. Preloading eager collections in route loaders with collection.preload(). On-demand Query…

١٧ أغسطس ٢٠٢٦
angular-db
مطوّرو البرمجيات

Angular bindings for TanStack DB. injectLiveQuery inject function with Angular signals (Signal<T>) for all return values. Reactive params pattern ({ params: () => T, query: ({ params, q }) => QueryBuilder }) for dynamic queries. Must be called in injection…

١٣ أغسطس ٢٠٢٦
db-core-collection-setup
مطوّرو البرمجيات

Creating typed collections with createCollection. Adapter selection: queryCollectionOptions (REST/TanStack Query), electricCollectionOptions (ElectricSQL real-time sync), powerSyncCollectionOptions (PowerSync SQLite), rxdbCollectionOptions (RxDB),…

١٣ أغسطس ٢٠٢٦
عرض 8 من أصل ١٣ skills مجمعة.
build-chart-interactions
غير مصنف

Compose TanStack Charts focus, tooltips, controlled selections, cursors, brushes, zoom, keyboard behavior, and coordinated views. Load for hover, focus, pinning, crosshairs, clipping, gesture state, or chart-table coordination.

٢٦ أغسطس ٢٠٢٦
compose-marks-and-views
غير مصنف

Translate semantic encodings into TanStack Charts marks, layers, annotations, facets, and coordinated views. Load when choosing marks, combining layers, assigning interaction-point ownership, or deciding whether a custom mark is justified.

٢٦ أغسطس ٢٠٢٦
configure-scales-guides-color
غير مصنف

Configure TanStack Charts domains, scale factories, axes, margins, legends, grouping, and paint without taking ownership of responsive ranges. Load for blank geometry, scale inference, color semantics, shared domains, ticks, labels, or guide layout.

٢٦ أغسطس ٢٠٢٦
coordinate-charts-with-tanstack
غير مصنف

Coordinate TanStack Charts with TanStack Table data grids, TanStack DB live queries and sync engines, TanStack Query server state, Store, Router, Virtual, Pacer, Start, and Form without duplicating ownership. Load for chart-grid linking, shared filtering or…

٢٦ أغسطس ٢٠٢٦
debug-and-verify-charts
غير مصنف

Diagnose TanStack Charts type, data, scale, geometry, focus, lifecycle, bundle, and performance failures with scenario-level evidence. Load for blank or clipped charts, misleading output, unsafe casts, migration parity, packed-package checks, or regressions.

٢٦ أغسطس ٢٠٢٦
design-a-chart
غير مصنف

Choose an honest visualization from a user story, metric, comparison, projection, target, or explanatory goal before selecting TanStack Charts marks. Load whenever a user asks to graph, chart, visualize, compare, forecast, project, explain, or communicate…

٢٦ أغسطس ٢٠٢٦
design-responsive-charts
غير مصنف

Make TanStack Charts adapt to measured containers, information priority, guide margins, SSR initial width, and final plot bounds. Load for narrow dashboards, overflow, label density, responsive topology, or pixel-space layouts.

٢٦ أغسطس ٢٠٢٦
extend-tanstack-charts
غير مصنف

Implement TanStack Charts custom marks, scale-value contracts, final-bounds layouts, renderer-neutral scene nodes, renderers, hosts, controls, or composed views after built-in primitives are exhausted.

٢٦ أغسطس ٢٠٢٦
عرض 8 من أصل ١٢ skills مجمعة.
devtools-app-setup
غير مصنف

Install TanStack Devtools, pick framework adapter (React/Vue/Solid/Preact), register plugins via plugins prop, configure shell (position, hotkeys, theme, hideUntilHover, requireUrlFlag, eventBusConfig). TanStackDevtools component, defaultOpen, localStorage…

١٩ أغسطس ٢٠٢٦
devtools-event-client
مطوّرو البرمجيات

Create typed EventClient for a library. Define event maps with typed payloads, pluginId auto-prepend namespacing, emit()/on()/onAll()/onAllPluginEvents() API. Connection lifecycle (5 retries, 300ms), event queuing, enabled/disabled state, SSR fallbacks,…

٢٤ يونيو ٢٠٢٦
devtools-instrumentation
مطوّرو البرمجيات

Analyze library codebase for critical architecture and debugging points, add strategic event emissions. Identify middleware boundaries, state transitions, lifecycle hooks. Consolidate events (1 not 15), debounce high-frequency updates, DRY shared payload…

٢٤ يونيو ٢٠٢٦
devtools-plugin-panel
مطوّرو البرمجيات

Build devtools panel components that display emitted event data. Listen via EventClient.on(), handle theme (light/dark), use @tanstack/devtools-ui components. Plugin registration (name, render, id, defaultOpen), lifecycle (mount, activate, destroy), max 3…

٢٤ يونيو ٢٠٢٦
devtools-marketplace
مطوّرو البرمجيات

Publish plugin to npm and submit to TanStack Devtools Marketplace. PluginMetadata registry format, plugin-registry.ts, pluginImport (importName, type), requires (packageName, minVersion), framework tagging, multi-framework submissions, featured plugins.

١٣ مايو ٢٠٢٦
devtools-production
مطوّرو البرمجيات

Handle devtools in production vs development. removeDevtoolsOnBuild, devDependency vs regular dependency, conditional imports, NoOp plugin variants for tree-shaking, non-Vite production exclusion patterns.

١٣ مايو ٢٠٢٦
devtools-vite-plugin
مطوّرو البرمجيات

Configure @tanstack/devtools-vite for source inspection (data-tsd-source, inspectHotkey, ignore patterns), console piping (client-to-server, server-to-client, levels), enhanced logging, server event bus (port, host, HTTPS), production stripping…

١٣ مايو ٢٠٢٦
devtools-framework-adapters
مطوّرو البرمجيات

Use devtools-utils factory functions to create per-framework plugin adapters. createReactPlugin/createSolidPlugin/createVuePlugin/createPreactPlugin, createReactPanel/createSolidPanel/createVuePanel/createPreactPanel. [Plugin, NoOpPlugin] tuple for…

١١ مارس ٢٠٢٦
عرض 8 من أصل ٩ skills مجمعة.
custom-extensions
مطوّرو البرمجيات

Implement MarkdownExtension block parsers, inline and document transforms, HTML hooks, and portable ComponentNode output. Load when adding deterministic custom syntax or rendering behavior across HTML, React, and Octane.

٥ أغسطس ٢٠٢٦
docs-features
مطوّرو البرمجيات

Build documentation metadata with docsMarkdownExtensions, GitHub-style callouts, heading collection, comment components, heading/file/package- manager/bundler tabs, framework panels, and code-fence metadata. Load when authoring or consuming TanStack-style…

٥ أغسطس ٢٠٢٦
octane-rendering
مطوّرو البرمجيات

Render Markdown source or a MarkdownDocument with @tanstack/markdown/octane using Markdown, renderMarkdownOctane, ComponentBody replacements, TSRX, and octane/server static SSR. Load for Octane descriptors, custom emitted tags, pre-parsed documents, SSR…

٥ أغسطس ٢٠٢٦
production-pipelines
مطوّرو البرمجيات

Audit and ship a production Markdown pipeline with explicit trust boundaries, external syntax highlighting, parse-ahead caching, compatibility checks, deterministic output, and bundle budgets. Load before deploying blogs, docs, or untrusted-content rendering.

٥ أغسطس ٢٠٢٦
react-rendering
مطوّرو البرمجيات

Render Markdown source or a MarkdownDocument with @tanstack/markdown/react using Markdown, renderMarkdownReact, component replacements, and React static SSR. Load for React article components, emitted-tag mappings, pre-parsed documents, custom elements, or…

٥ أغسطس ٢٠٢٦
render-markdown
مطوّرو البرمجيات

Parse Markdown with parseMarkdown or parseInline, render HTML with renderHtml, renderDocument, renderBlock, or renderInline, configure frontmatter and heading IDs, and reuse the serializable MarkdownDocument AST. Load for @tanstack/markdown core syntax,…

٥ أغسطس ٢٠٢٦
add-addons-existing-app
مطوّرو البرمجيات

Apply integrations to existing projects with tanstack add, including add-on id resolution, dependency chains, option prompts, and .cta.json project metadata preconditions.

١٧ يوليو ٢٠٢٦
choose-ecosystem-integrations
مطوّرو البرمجيات

Map tanstack ecosystem partner metadata to installable add-on ids using tanstack ecosystem --json, tanstack create --list-add-ons --json, and tanstack create --addon-details --json. Covers exclusive categories, provider options, and router-only compatibility…

١٧ يوليو ٢٠٢٦
create-app-scaffold
مطوّرو البرمجيات

Scaffold a TanStack app with tanstack create using --framework, --template, --toolchain, --deployment, --add-ons, --blank, and --router-only. Covers flag compatibility, non-interactive defaults, and intent-preserving command construction.

١٧ يوليو ٢٠٢٦
maintain-custom-addons-dev-watch
مطوّرو البرمجيات

Build and iterate custom add-ons/templates with tanstack add-on init, add-on compile, add-on dev, and tanstack create --dev-watch, including sync loop preconditions, watch-path validation, and project metadata constraints.

١٧ يوليو ٢٠٢٦
query-docs-library-metadata
مطوّرو البرمجيات

Retrieve machine-readable context with tanstack libraries, tanstack doc, tanstack search-docs, tanstack create --list-add-ons --json, and --addon-details for agent-safe discovery and preflight validation.

١٧ يوليو ٢٠٢٦
configure-selective-highlighting
مطوّرو البرمجيات

Configure minimal @tanstack/highlight registries with createHighlighter, direct language subpaths, aliases, fallbackLanguage, and shared SSR/client modules. Load for initial setup, browser bundle reduction, language registration, embedded-language…

٥ أغسطس ٢٠٢٦
extend-language-support
مطوّرو البرمجيات

Extend @tanstack/highlight with defineLanguage, LanguageDefinition, TokenRange, HighlightTokenClass, and TokenizerContext. Load when adding a custom or shipped tokenizer, resolving overlapping ranges, delegating embedded code, preserving selective imports, or…

٥ أغسطس ٢٠٢٦
integrate-framework-code-blocks
مطوّرو البرمجيات

Integrate @tanstack/highlight with React code-block props, Octane dangerouslySetInnerHTML data, createOctaneMdxHighlight, hydrated SSR, and post-navigation client content. Load when implementing application-owned code components or sharing highlighted output…

٥ أغسطس ٢٠٢٦
integrate-markdown-pipelines
مطوّرو البرمجيات

Integrate @tanstack/highlight with renderCodeFence, codeFenceToHast, remarkHighlightCodeBlocks, rehypeHighlightCodeBlocks, and Markdown fence metadata. Load for unified, Remark, Rehype, MDX, custom HAST traversal, structured output, titles, line numbers, or…

٥ أغسطس ٢٠٢٦
theme-and-annotate-code
مطوّرو البرمجيات

Style @tanstack/highlight with createThemeCss, createThemeRule, createThemeBaseCss, isolated theme imports, lineNumbers, line decorations, UTF-16 range decorations, and fence annotations. Load for light/dark themes, custom semantic colors, focused lines,…

٥ أغسطس ٢٠٢٦
عرض ١١ من أصل ١١ مستودعات
تم تحميل كل المستودعات