--- title: "shadcn's next thing: UI SDK" publication: "React Status" issue: 497 published_at: "2026-11-13" canonical_url: "https://react.statuscode.com/issues/497" --- Plus declarative drag and drop, meta-framework benchmarks, and React apps in the DevTools console. #​497 — November 13, 2026 [Read on the Web](https://react.statuscode.com/issues/497) Together with [![Sentry logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_350,h_100/e_make_transparent/co_white,e_outline:7/xdmchdxkka938lxfr86f.png)](https://sentry.io/resources/changelog-live/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=brand-fy27q4-changeloglive&utm_content=newsletter-primary-register) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/jmcergdduhiy3e6s1glp.jpg)](https://declarative-dragging.github.io/) [Declarative Dragging](https://declarative-dragging.github.io/) — Rather than designing drag and drop interactions as needed, what if you could _declare_ the possible outcomes and let a library work out the interaction? [Dragology](https://github.com/declarative-dragging/dragology) is an experimental React library for SVG interfaces that does just that. There are [lots of demos](https://declarative-dragging.github.io/dragology/#/demos) to try. Horowitz, Blinn, and Heer [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/baddea09.png)](https://sentry.io/resources/changelog-live/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=brand-fy27q4-changeloglive&utm_content=newsletter-primary-register) [Debug Errors and Agents Faster: Sentry Changelog Live](https://sentry.io/resources/changelog-live/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=brand-fy27q4-changeloglive&utm_content=newsletter-primary-register) — A walkthrough of what’s new for debugging errors and performance issues, including fixing production bugs with Seer and tracing the agents you build. Live Q&A. Nov 18, 10am PT. [Save your spot](https://sentry.io/resources/changelog-live/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=brand-fy27q4-changeloglive&utm_content=newsletter-primary-register). Sentry sponsor 📊 [e18e's Ongoing Benchmarks for JavaScript Meta-Frameworks](https://e18e.dev/blog/launching-the-framework-performance-project.html) — e18e is now benchmarking meta-frameworks like Next.js, Nuxt, and Astro on everything from install and build costs to SSR throughput, alongside Core Web Vitals data. Built with input from maintainers, [the results](https://frameworks.e18e.dev/) can be tracked release by release and have already led to fixes in Nuxt, React, and Solid. e18e Project **IN BRIEF:** - ⚠️ Using Vite? [A critical flaw](https://github.com/vitejs/vite/security/advisories/GHSA-p4f5-76q4-ffq7) allows remote code execution on dev servers exposed to the network with `--host` or `server.host`. Update to 8.3.7, 8.2.5, 8.1.7, 7.3.8 or 6.4.6. - [Storybook 11 beta now has an official post](https://storybook.js.org/blog/storybook-11-beta/). React projects get faster, more accurate component metadata, and there are type-safe stories and official skills for agents. The final release is due in December. - React's `
` docs now explain [how to keep field values after an Action](https://react.dev/reference/react-dom/components/form#preserve-form-values-after-an-action), and `requestFormReset` gets [a reference page](https://react.dev/reference/react-dom/requestFormReset) of its own. [UI SDK: Vercel and shadcn's Headless UI Behaviors Library](https://ui-sdk.dev/docs/core/changelog/introducing-ui-sdk) — A low-level library of behaviors, like keyboard navigation, popups, drag and drop, that you compose into your own components. A core idea is to give a solid base for agents to build full components from. In beta, but you can [get started now](https://ui-sdk.dev/docs/core). shadcn (Vercel) [How X is Rebuilding Its Web App with React, Relay and Vite](https://blog.x.com/en/engineering/rebuilding-the-global-town-square-from-scratch) — X/Twitter is replacing its decade-old client-rendered React app with a stack built around streaming SSR and Suspense. Lab tests show profiles displaying posts much sooner, and the hydration and chunking fixes make this an interesting case study. Yagiz Nizipli (X) 📊 [Six React Chart Libraries vs Hand-Written SVG](https://dev.to/gusevp/six-react-chart-libraries-against-hand-written-svg-what-i-found-46ib) – The results are close at native speed but with large gaps under CPU throttling or with large datasets. Pavel Gusev 📊 [Remix v3 vs TanStack Start: Fast Pages, Thin Ecosystem](https://marmelab.com/blog/2026/11/12/remix-v3-fast-pages-thin-ecosystem.html) – Comparing the same site built in React-free Remix v3 and TanStack Start. Jonathan Arnault (Marmelab) 📱 [How Five Web Developers Built an iOS Keyboard Extension with Expo](https://expo.dev/blog/supernova-ios-keyboard-extension-expo) Anirudh Coontoor (Supernova) 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/rzyk9hdnriuqphjxnsvj.jpg)](https://textjs.org/) [Text.js: React Apps That Render in the DevTools Console](https://textjs.org/) — Continuing the trend of rendering React apps _everywhere_, this new framework heads to DevTools as a host environment, supporting App Router-style routing, Suspense, keyboard input and ASCII fonts. Open the console on the page to see it in action! Anomaly [Exact: A New Rust-Powered App Framework from Expo's Co-Founder](https://ccheever.expo.app/) — It _isn't_ React as the UI is written in a small, constrained language called Contract that's designed specifically for agents to write and test, but [𝕏 Andrew Clark says](https://x.com/acdlite/status/2119784287436415149) it's _"eerily similar"_ to what he thinks React 20 is shaping up to be. Charlie Cheever [React Shepherd 8.0: Guided Tours for Apps, Now with a Leaner Engine](https://github.com/shipshapecode/shepherd/releases/tag/v8.0.0-react-shepherd) — The React wrapper ([React docs here](https://docs.shepherdjs.dev/recipes/react/)) for [Shepherd](https://www.shepherdjs.dev/), a popular library for building step-based on-page tours. _Note that it's AGPL, with a paid license for commercial use._ Ship Shape - [EmbedPDF 3.0](https://github.com/embedpdf/embed-pdf-viewer/releases/tag/v3.0.0) – Powerful PDF viewer with a drop-in React component and a headless library for adding your own UI. ([Demo](https://www.embedpdf.com/demo).) - [react-virtualized 10.0](https://github.com/bvaughn/react-virtualized/releases/tag/10.0.0) – The original list and grid virtualization library, modernized. Now in TypeScript, built on function components, and requires React 18+. - 📱 [React Native Audio API 1.0](https://swmansion.com/changelog/react-native-audio-api-1-0-0/) – Software Mansion's Web Audio API for React Native goes stable. Adds spatial audio, and FFmpeg is now opt-in. - [Mantine 9.8](https://mantine.dev/changelog/9-8-0/) – Adds an emoji picker package, plus new `Diff`, `PhoneInput` and week and quarter picker components. - [BagUI](https://www.bagui.pro/) – A `shadcn/ui` registry of blocks and templates for SaaS landing pages, like pricing and hero sections. 📰 Classifieds 🔍 Can ChatGPT and Claude read your React site? Run a free SEO and GEO scan with [Fimo](https://fimo.ai/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=agents-launch&utm_content=nov13) and see what they miss. By the Strapi team. --- 🎬 Stop approving mobile PRs nobody ran. An agent tests each one on [Expo Simulators](https://try.expo.dev/4erqQgz) and puts the recording in the PR. --- [Build durable AI agents & workflows in TypeScript with Trigger.dev](https://fandf.co/3WQzvmJ). If steps fail or code deploys, tasks pick up right where they left off. 📢 Elsewhere in the ecosystem [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/wjp1pnhalfiz0jddculv.jpg)](https://vectoys.com/) - [Vectoys](https://vectoys.com/) is a set of React components that render phones, laptops and other small 3D objects as SVG, with interactive HTML inside their screens. Could be handy for mockups or 'in-situ' teasers on your homepage. - 🤖 Chrome's [Modern Web Guidance 1.0](https://developer.chrome.com/blog/modern-web-guidance-v1) is a set of skills that steer coding agents toward modern, Baseline-aware HTML and CSS. The team has also listed [the 'top 10 things AI gets wrong'](https://developer.chrome.com/blog/top-10-things-ai-gets-wrong-in-web-dev) when building for the Web. - Need a clip of a component or animation for a PR or README? Paul Irish's [chrome-capture](https://github.com/paulirish/chrome-capture) tool can record a Chrome tab to an MP4 at 60fps with a single `npx`command. - 📊 The [State of JavaScript 2026 survey](https://survey.devographics.com/en-US/survey/state-of-js/2026) is now open if you want to get involved. Curated by Peter Cooper and Terence C. Gannon. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom