{"id":358409,"date":"2025-12-20T21:26:11","date_gmt":"2025-12-20T21:26:11","guid":{"rendered":"https:\/\/www.newsbeep.com\/ca\/358409\/"},"modified":"2025-12-20T21:26:11","modified_gmt":"2025-12-20T21:26:11","slug":"tanstack-adds-framework-agnostic-ai-toolkit","status":"publish","type":"post","link":"https:\/\/www.newsbeep.com\/ca\/358409\/","title":{"rendered":"TanStack Adds Framework-Agnostic AI Toolkit"},"content":{"rendered":"<p>The <a href=\"https:\/\/tanstack.com\/\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">TanStack<\/a> team has added yet another piece to its stack: This time, it\u2019s the <a href=\"https:\/\/tanstack.com\/blog\/tanstack-ai-alpha-your-ai-your-way\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">alpha release of a new framework-agnostic AI toolkit<\/a> for developers called \u2014 guess what? \u2014 <a href=\"https:\/\/tanstack.com\/ai\/latest\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">TanStack AI<\/a>.<\/p>\n<p>\u201cLet\u2019s be honest. The current AI landscape has a problem,\u201d wrote TanStack\u2019s <a href=\"https:\/\/www.linkedin.com\/in\/jherr\/\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Jack Herrington<\/a>, <a href=\"https:\/\/github.com\/AlemTuzlak\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Alem Tuzlak<\/a> and <a href=\"https:\/\/github.com\/tannerlinsley\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Tanner Linsley<\/a>. \u201cYou pick a framework, you pick a cloud provider, and suddenly you\u2019re locked into an ecosystem that dictates how you build. We think that\u2019s backwards.\u201d<\/p>\n<p>Their goal is to create the \u201cSwitzerland of AI tools.\u201d It will be a set of libraries to work with your existing stack, they added.<\/p>\n<p>The alpha supports <a href=\"https:\/\/thenewstack.io\/introduction-to-javascript\/\" class=\"local-link\" rel=\"nofollow noopener\" target=\"_blank\">JavaScript<\/a>\/<a href=\"https:\/\/thenewstack.io\/what-is-typescript\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">TypeScript<\/a>, <a href=\"https:\/\/thenewstack.io\/the-herd-is-strong-php-and-its-developer-ecosystem-at-30\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">PHP<\/a> and <a href=\"https:\/\/thenewstack.io\/what-is-python\/\" class=\"local-link\" rel=\"nofollow noopener\" target=\"_blank\">Python<\/a> out of the box. All three support full agentic flows with tools, the team stated, although Python and PHP have not yet been released to the appropriate package systems. The alpha also includes TypeScript adapters for <a href=\"https:\/\/thenewstack.io\/openai-says-its-new-codex-max-model-is-better-faster-and-cheaper\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">OpenAI<\/a>, <a href=\"https:\/\/thenewstack.io\/agent-skills-anthropics-next-bid-to-define-ai-standards\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">Anthropic<\/a>, <a href=\"https:\/\/thenewstack.io\/googles-new-gemini-3-flash-rivals-frontier-models-at-a-fraction-of-the-cost\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">Gemini<\/a>\u00a0and <a href=\"https:\/\/thenewstack.io\/connect-to-a-local-ollama-ai-instance-from-within-your-lan\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">Ollama<\/a>, with the TypeScript server library also handling summarizations and embeddings.<\/p>\n<p>TanStack AI uses an open, published protocol that has been documented by Tanstack.<\/p>\n<p>\u201cUse whatever language you want. Use whatever transport layer you want. HTTP, websockets, smoke signals,\u201d the team wrote. \u201cAs long as you speak the protocol through a connection adapter, our client will work with your backend.\u201d<\/p>\n<p>TanStack AI also has support for isomorphic tools and a full AI devtools panel that gives developers \u201cunparalleled insight into what the LLM is doing on both sides of the connection.\u201d It allows you to debug AI workflows the way everything else is debugged.<\/p>\n<p>Client libraries include Vanilla JS, <a href=\"https:\/\/thenewstack.io\/web-development-in-2025-ais-react-bias-vs-native-web\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">React<\/a> and <a href=\"https:\/\/thenewstack.io\/solidjs-creator-on-fine-grained-reactivity-as-next-frontier\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">Solid<\/a>, with <a href=\"https:\/\/thenewstack.io\/svelte-adds-asynchronous-sync-inside-components\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">Svelte<\/a> and others on the way. There are real examples given with working code, instead just documentation, the team noted.<\/p>\n<p>You\u2019ll find more details about what\u2019s included in the full post. TanStack also gives us a preview of what it plans for TanStack AI, including a headless chatbot component, and fully functional and unstyled components for React and Solid that developers can skin to match their application.<\/p>\n<p>Bun Acquired by Anthropic<\/p>\n<p>The JavaScript runtime and toolkit <a href=\"https:\/\/thenewstack.io\/how-to-build-a-serverless-api-with-bun-and-hono\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">Bun<\/a>, known for its speed, is now owned by <a href=\"https:\/\/thenewstack.io\/agent-skills-anthropics-next-bid-to-define-ai-standards\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">Anthropic<\/a>, creator <a href=\"https:\/\/github.com\/jarred-sumner\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Jarred Sumner<\/a> announced earlier this month.<\/p>\n<p>\u201dAnthropic is betting on Bun as the infrastructure powering Claude Code, <a href=\"https:\/\/platform.claude.com\/docs\/en\/agent-sdk\/overview\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Claude Agent SDK<\/a>, and future AI coding products and tools,\u201d Sumner wrote. \u201c<a href=\"https:\/\/thenewstack.io\/claude-code-user-base-grows-300-as-anthropic-launches-enterprise-analytics-dashboard\/\" data-wpil-monitor-id=\"3501\" class=\"local-link\" rel=\"nofollow noopener\" target=\"_blank\">Claude Code<\/a> ships as a Bun executable to millions of users. If Bun breaks, Claude Code breaks. Anthropic has direct incentive to keep Bun excellent.\u201d<\/p>\n<p>The runtime will remain available on GitHub, under the open source MIT license, supported by the same team, Sumner added.<\/p>\n<p>It makes sense for both financial reasons and for philosophical reasons, which Sumner reviews in his blog post. But bottom line, being part of Anthropic gives Bun:<\/p>\n<p>Long-term stability.<br \/>\nA front-row seat to where AI coding tools are headed, so the team can shape Bun around that future instead of guessing.<br \/>\nThe team is able to add engineers.<\/p>\n<p>Rolldown-Powered Vite 8 Beta Available<\/p>\n<p>The first beta of <a href=\"https:\/\/vite.dev\/blog\/announcing-vite8-beta\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Vite 8, powered by Rolldown<\/a>, is now available, the Vite team announced earlier this month.<\/p>\n<p>\u201cVite 8 ships significantly faster production builds and unlocks future improvement possibilities,\u201d the team wrote of the release. \u201cThis release unifies the underlying toolchain and brings better consistent behaviors, alongside significant build performance improvements.\u201d<\/p>\n<p><a href=\"https:\/\/rolldown.rs\/\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Rolldown<\/a> is the creation of Void(0) and is a modern, high-performance <a href=\"https:\/\/thenewstack.io\/es2026-solves-javascript-headaches-with-dates-math-and-modules\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">JavaScript<\/a> bundler written in <a href=\"https:\/\/thenewstack.io\/rust-programming-language-guide\/\" target=\"_blank\" class=\"local-link\" rel=\"nofollow noopener\">Rust<\/a>. In Vite, it replaces the previous combination of esbuild and Rollup. Because it\u2019s written in Rust, it matches esbuild\u2019s performance level and is 10-30x faster than Rollup. It supports the same plugin API as Rollup and Vite. Rolldown also helps unify the toolchain, the Vite team wrote.<\/p>\n<p>\u201cThe impact of Vite\u2019s bundler swap goes beyond performance,\u201d the blog post states. \u201cBundlers leverage parsers, resolvers, transformers, and minifiers. Rolldown uses Oxc, another project led by VoidZero, for these purposes.\u201d<\/p>\n<p>This makes Vite the \u201centry point to an end-to-end toolchain maintained by the same team: The build tool (Vite), the bundler (Rolldown) and the compiler (Oxc),\u201d they wrote.<\/p>\n<p>If you\u2019re interested in the implementation details, the post explains how Vite migrated to Rolldown in a way that ensures a smooth migration for developers.<\/p>\n<p>Infragistics Open Sources Ignite UI<\/p>\n<p>You may or may not have heard of software company <a href=\"https:\/\/www.infragistics.com\/\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Infragistics,<\/a> but the company has just open sourced its UI library, called <a href=\"https:\/\/www.infragistics.com\/products\/ignite-ui\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Ignite UI<\/a>, for Angular, Blazor, React and Web Components. The library includes data charts, grids and user interface components.<\/p>\n<p>The move makes more than 50 open source UI components available under an MIT license, plus a free open source data grid.<\/p>\n<p>\u201cInfragistics has spent 35+ years building enterprise-ready UX and UI solutions that 100% of the S&amp;P 500, including Intuit, Exxon and Morgan Stanley, rely on to build interactive web applications,\u201d the company stated in a press release. \u201cNow, developers will have access to 50+ free, open source Ignite UI controls built on decades of experience creating solutions for some of the world\u2019s largest companies.\u201d<\/p>\n<p>This marks the first time Infragistics has made any of its Ignite UI components available to the wider developer community. Ignite UI controls include Data Grid, Combo Box, Tile Manager, Tree and Stepper. This gives developers access to:<\/p>\n<p><a href=\"https:\/\/apexcharts.com\/\" class=\"ext-link\" rel=\"external  nofollow noopener\" onclick=\"this.target=&#039;_blank&#039;;\" target=\"_blank\">ApexCharts<\/a>: One of the web\u2019s most popular charting libraries, with over 1.5 million weekly NPM installs. ApexCharts allows developers to add interactive charts to their apps, combining high-performance data visualization with modern .NET\u2013JavaScript interoperability.<br \/>\n<a href=\"https:\/\/www.appbuilder.dev\/\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">App Builder<\/a>: A WYSIWYG drag and drop app builder that allows developers to visually build apps and then generate production-ready code. It incudes a complete toolbox of 65+ UI components.<br \/>\n<a href=\"https:\/\/www.revealbi.io\/\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Reveal<\/a>: Reveal allows end users to analyze data, extract actionable insights and make data-driven decisions without ever leaving their application. Developers can embed these interactive dashboards and analytics directly within their applications for insights.<\/p>\n<p>Chrome Unveils \u201cCSS Wrapped 2025\u201d<\/p>\n<p>The Chrome DevRel team has published a guide to the <a href=\"https:\/\/chrome.dev\/css-wrapped-2025\/\" class=\"ext-link\" rel=\"external  nofollow noopener\" onclick=\"this.target=&#039;_blank&#039;;\" target=\"_blank\">22 CSS and UI features that landed<\/a> on the Web Platform in 2025. It looks at the customizable components introduced over the past year, noting that the Chrome team delivered new core blocks like native anchor positioning and carousel scroll APIs.<\/p>\n<p>Among the new CSS features it covers, along with demos and full explanations, are:<\/p>\n<p>Invoker Commands, which allow buttons to perform actions on other elements declaratively, without the need for any JavaScript.<br \/>\nCustomizable select, which allows developers to style HTML select elements with CSS.<br \/>\nDialog Light Dismiss, which brings a Popover API feature to .<br \/>\npopover=hint are \u201da new type of HTML popover designed for ephemeral layered UI patterns, such as tooltips or link previews,\u201d the document explains.<br \/>\n::scroll-marker\/button(). These features let developers create native, accessible, and performant carousels with just a few CSS lines and without JavaScript.<br \/>\nscroll-target-group can turn a list of anchor links into connected scroll-markers.<br \/>\nAnchored container queries allows developers to style elements based on their anchor position.<br \/>\nInterest invokers, which provide a native, declarative way to style an element when users \u201cshow interest\u201d in it without fully activating it, the team explained.<\/p>\n<p>The wrap also looks at a next-generation interaction toolkit that lets developers animate between pages \u201cwith view transitions and sculpt gorgeous, scroll-based experiences.\u201d<\/p>\n<p>Finally, there are optimized ergonomics modules that enable users to redefine their interface, functionality, and aesthetic \u201cdown to the atomic level,\u201d the team stated.<\/p>\n<p>Check out the full <a href=\"https:\/\/chrome.dev\/css-wrapped-2025\/\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">CSS wrapped up<\/a>, which is a beautifully crafted resource for learning the latest CSS and UI features.<\/p>\n<p>Svelte Updates, Launches New Society Website<\/p>\n<p>Svelte has launched a new <a href=\"https:\/\/sveltesociety.dev\/\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Svelte Society Website<\/a> that\u2019s features a dynamic feed of all the latest Svelte content, including videos, libraries and events.<\/p>\n<p>\u201cInstead of opening PRs to add libraries and packages you can now just submit them on the website,\u201d wrote Dani Sandoval, a designer who works with Svelte and runs a <a href=\"https:\/\/svelte.substack.com\/\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Svelte substack<\/a>. \u201cIf you find an interesting package, head on over and submit it. Logged in users also have the ability to like and save content.\u201d<\/p>\n<p>Svelte and SvelteKit, the web application framework for Svelte, also had a <a href=\"https:\/\/svelte.dev\/blog\/whats-new-in-svelte-december-2025\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">number of updates<\/a> this month, including a hydratable API that is a low-level API used to coordinate hydration between the server and client in Svelte.<\/p>\n<p>Also, file uploads can now be streamed inside form remote functions, allowing form data to be accessed before large files finish uploading in SvelteKit.<\/p>\n<p>There were also upgrades the Svelte CLI, such as:<\/p>\n<p>Links are now wrapped with resolve() to follow best practices;<br \/>\nnpx sv create now supports a new argument \u2013add to add add-ons to the project in the same command; and<br \/>\nThe new \u2013no-dir-check option in sv create will, even if the folder is not empty, suppress all directory check prompts;<\/p>\n<p>A full list of changes, including bug fixes, can be found in the <a href=\"https:\/\/github.com\/sveltejs\/svelte\/blob\/main\/packages\/svelte\/CHANGELOG.md\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Svelte compiler\u2019s CHANGELOG<\/a> and the <a href=\"https:\/\/github.com\/sveltejs\/kit\/blob\/main\/packages\/kit\/CHANGELOG.md\" target=\"_blank\" rel=\"noopener external  nofollow\" class=\"ext-link\" onclick=\"this.target=&#039;_blank&#039;;\">Svelte Kit\/Adapter CHANGELOGs<\/a>.<\/p>\n<p>\t<a class=\"row youtube-subscribe-block\" href=\"https:\/\/youtube.com\/thenewstack?sub_confirmation=1\" target=\"_blank\" rel=\"nofollow noopener\"><\/p>\n<p>\n\t\t\t\tYOUTUBE.COM\/THENEWSTACK\n\t\t\t<\/p>\n<p>\n\t\t\t\tTech moves fast, don&#8217;t miss an episode. Subscribe to our YouTube<br \/>\n\t\t\t\tchannel to stream all our podcasts, interviews, demos, and more.\n\t\t\t<\/p>\n<p>\t\t\t\tSUBSCRIBE<\/p>\n<p>\t<\/a><\/p>\n<p>    Group<br \/>\n    Created with Sketch.<\/p>\n<p>\t\t<a href=\"https:\/\/thenewstack.io\/author\/loraine-lawson\/\" class=\"author-more-link\" rel=\"nofollow noopener\" target=\"_blank\"><\/p>\n<p>\t\t\t\t\t<img decoding=\"async\" class=\"post-author-avatar\" src=\"https:\/\/www.newsbeep.com\/ca\/wp-content\/uploads\/2025\/08\/4de88b83-4756312a-326a38b7-lorainelawson2-600x600-1-600x600.jpeg\"\/><\/p>\n<p>\n\t\t\t\t\t\t\tLoraine Lawson is a veteran technology reporter who has covered technology issues from data integration to security for 25 years. Before joining The New Stack, she served as the editor of the banking technology site Bank Automation News. She has&#8230;\t\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t\tRead more from Loraine Lawson\t\t\t\t\t\t<\/p>\n<p>\t\t<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"The TanStack team has added yet another piece to its stack: This time, it\u2019s the alpha release of&hellip;\n","protected":false},"author":2,"featured_media":358410,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[49,48,61],"class_list":["post-358409","post","type-post","status-publish","format-standard","has-post-thumbnail","category-technology","tag-ca","tag-canada","tag-technology"],"_links":{"self":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/posts\/358409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/comments?post=358409"}],"version-history":[{"count":0,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/posts\/358409\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/media\/358410"}],"wp:attachment":[{"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/media?parent=358409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/categories?post=358409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.newsbeep.com\/ca\/wp-json\/wp\/v2\/tags?post=358409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}