<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/introducing-tanstack-redact-bh3t4yyxr" -->

---
title: Introducing TanStack Redact | daily.dev
description: TanStack Redact 0.2.0 ships stable browser integrations for TanStack Start, Vite, Vinext, and Next.js. It's a smaller implementation of React's client APIs...
canonical: https://daily.dev/posts/introducing-tanstack-redact-bh3t4yyxr
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Introducing TanStack Redact | daily.dev
og:description: TanStack Redact 0.2.0 ships stable browser integrations for TanStack Start, Vite, Vinext, and Next.js. It's a smaller implementation of React's client APIs...
og:url: https://daily.dev/posts/introducing-tanstack-redact-bh3t4yyxr
og:image: https://api.daily.dev/og/posts/bh3t4yyxR.png
og:image:alt: Introducing TanStack Redact
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Introducing TanStack Redact

**[TanStack](https://daily.dev/sources/tanstack-blog)** · 4 min read · 0 upvotes · 1 comments

## Summary

TanStack Redact 0.2.0 ships stable browser integrations for TanStack Start, Vite, Vinext, and Next.js. It's a smaller implementation of React's client APIs that replaces hydration and client rendering while frameworks still handle server rendering. In a test app, Redact cut gzip JavaScript and CSS from 109.3 KB to 62.3 KB on TanStack Start (43% savings) and from 68.3 KB to 20.1 KB on Vite (70.5%). Vinext's own benchmark dropped from 154.9 KB to 115.5 KB over six rounds. The tradeoff: Redact renders synchronously without React's time slicing, so a heavy render can still delay input.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://tanstack.com/blog/introducing-tanstack-redact>

## Questions this post answers

### What is TanStack Redact and how does it reduce bundle size compared to React?

TanStack Redact is a smaller implementation of React's client-side APIs that handles hydration and client rendering while frameworks keep server rendering and Server Components. In benchmarks, it cut gzip JavaScript and CSS from 109.3 KB to 62.3 KB on TanStack Start (43% smaller) and from 68.3 KB to 20.1 KB on Vite (70.5% smaller), with no application code changes required.

_Teams chasing smaller React bundles can track Redact's framework support on daily.dev._

### Which frameworks does TanStack Redact 0.2.0 support?

Redact 0.2.0 has stable browser integrations for TanStack Start, Vite, Vinext, and Next.js, covering both the App Router and Pages Router, including apps using only Pages Router. Adding it to a build configuration replaces React's hydration and client rendering without requiring changes to application code.

_Developers evaluating Redact for their stack can follow framework compatibility updates on daily.dev._

### What is the downside of using TanStack Redact instead of React for client rendering?

Redact renders synchronously and lacks React's time slicing and interruptible component renders. Suspended transitions, pending forms, and optimistic state are still supported, but a heavy render can delay input responsiveness, so it's recommended to test against an app's busiest screens before adopting it broadly.

_Engineers weighing rendering tradeoffs before adoption can track real-world reports on daily.dev._

## Community discussion

Top comments from developers on daily.dev.

**@codingcatdev** · 0 upvotes

> Incredible! Can't wait to try it.

## Similar posts on daily.dev

- [TanStack Redact: React's API in a Runtime a Third the Size : fireup.pro](https://daily.dev/posts/tanstack-redact-react-s-api-in-a-runtime-a-third-the-size-fireup-pro-kk3eyqgvm) · FireUp · 10 upvotes · 2 comments
- [TanStack Start - A New Meta Framework Powered By React Or SolidJS](https://daily.dev/posts/tanstack-start---a-new-meta-framework-powered-by-react-or-solidjs-kqfr1cdvm) · InfoQ · 40 upvotes · 2 comments
- [TanStack Start gets RSC](https://daily.dev/posts/tanstack-start-gets-rsc-mijrowtfp) · Bytes by ui.dev · 60 upvotes · 5 comments
- [This Week In React \#281: Next.js, TanStack, Security, Redact, React Router, Waku, HTML React Parser](https://daily.dev/posts/this-week-in-react-281-next-js-tanstack-security-redact-react-router-waku-html-react-parser-f1w5h4euc) · This Week In React · 5 upvotes · 0 comments

---

Tags: [#react](https://daily.dev/tags/react), [#nextjs](https://daily.dev/tags/nextjs), [#tanstack](https://daily.dev/tags/tanstack)

[View this post on daily.dev](https://daily.dev/posts/introducing-tanstack-redact-bh3t4yyxr)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"Introducing TanStack Redact","url":"https://daily.dev/posts/introducing-tanstack-redact-bh3t4yyxr","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/introducing-tanstack-redact-bh3t4yyxr"},"datePublished":"2026-10-26T15:05:28.035Z","dateModified":"2026-10-27T13:04:44.981Z","description":"TanStack Redact 0.2.0 ships stable browser integrations for TanStack Start, Vite, Vinext, and Next.js. It's a smaller implementation of React's client APIs...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f22852cee63f4c88cd47ebe0488891c0?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f22852cee63f4c88cd47ebe0488891c0?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"TanStack","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"TanStack","logo":"https://media.daily.dev/image/upload/s--TVIrvIT7--/f_auto,q_auto/v1787487634/logos/tanstack-blog?_a=BAMAMicg0","url":"https://daily.dev/sources/tanstack-blog"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/introducing-tanstack-redact-bh3t4yyxr","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"react,nextjs,tanstack","timeRequired":"PT4M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"TanStack","item":"https://daily.dev/sources/tanstack-blog"},{"@type":"ListItem","position":3,"name":"Introducing TanStack Redact"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/introducing-tanstack-redact-bh3t4yyxr","comment":[{"@type":"Comment","text":"Incredible! Can’t wait to try it.","datePublished":"2026-10-27T13:02:10.514Z","url":"https://daily.dev/posts/bh3t4yyxR#c-d9SWYa9qO","author":{"@type":"Person","name":"Alex Patterson","url":"https://daily.dev/codingcatdev","image":"https://lh3.googleusercontent.com/a-/AOh14GiUGZXqBRfzbDDFBYPRqNTaDnrnhFlMVUGwI-lT7g=s100"}}]}
{"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/introducing-tanstack-redact-bh3t4yyxr#faq","mainEntity":[{"@type":"Question","name":"What is TanStack Redact and how does it reduce bundle size compared to React?","acceptedAnswer":{"@type":"Answer","text":"TanStack Redact is a smaller implementation of React's client-side APIs that handles hydration and client rendering while frameworks keep server rendering and Server Components. In benchmarks, it cut gzip JavaScript and CSS from 109.3 KB to 62.3 KB on TanStack Start (43% smaller) and from 68.3 KB to 20.1 KB on Vite (70.5% smaller), with no application code changes required. Teams chasing smaller React bundles can track Redact's framework support on daily.dev."}},{"@type":"Question","name":"Which frameworks does TanStack Redact 0.2.0 support?","acceptedAnswer":{"@type":"Answer","text":"Redact 0.2.0 has stable browser integrations for TanStack Start, Vite, Vinext, and Next.js, covering both the App Router and Pages Router, including apps using only Pages Router. Adding it to a build configuration replaces React's hydration and client rendering without requiring changes to application code. Developers evaluating Redact for their stack can follow framework compatibility updates on daily.dev."}},{"@type":"Question","name":"What is the downside of using TanStack Redact instead of React for client rendering?","acceptedAnswer":{"@type":"Answer","text":"Redact renders synchronously and lacks React's time slicing and interruptible component renders. Suspended transitions, pending forms, and optimistic state are still supported, but a heavy render can delay input responsiveness, so it's recommended to test against an app's busiest screens before adopting it broadly. Engineers weighing rendering tradeoffs before adoption can track real-world reports on daily.dev."}}]}
```