Loading video...

Video Failed to Load

Go Home

Introducing TanStack Redact 🌴 A smaller runtime for your existing React app. Add it to your build config and ship less JavaScript without changing a single line of application code. Works with TanStack Start, Vite, Vinext, and Next.js.

167,968 views • 1 day ago •via X (Twitter)

32 Comments

TANSTACK's profile picture
TANSTACK1 day ago

Our starter apps saved 47.0 KB with Start, 48.1 KB with Vite, 39.3 KB with Vinext, and 35.7 KB with Next.js. All emitted client JS + CSS, gzip, compared with React. Start and Vite can go smaller by disabling unused features.

TANSTACK's profile picture
TANSTACK1 day ago

Vinext and Next.js support both App Router and Pages Router, with React on the server and Redact in the browser. Redact renders synchronously, without React’s time slicing.

TANSTACK's profile picture
TANSTACK1 day ago

Redact started as a smaller React runtime for our own sites. We kept using it, and other people put it in production too. Tanner wrote about how it started and why we’re maintaining it:

Pablo Manjarres's profile picture
Pablo Manjarres1 day ago

free lunch energy

⚡️'s profile picture
⚡️1 day ago

Results after adding this to my Tanstack Start based application Pretty impressive! Great job guys 🙌

Ron's profile picture
Ron1 day ago

Preact energy

Pema Wangchuk's profile picture
Pema Wangchuk1 day ago

_react.default.captureOwnerStack is not a function

Mauricio's profile picture
Mauricio1 day ago

Just use Soldid...

Aaron Villalpando's profile picture
Aaron Villalpando1 day ago

Hows this work when you use eval

Pratham's profile picture
Pratham1 day ago

@bot, send this to the Foreman and tell it to add this to the PR Agent's site and give me a before-and-after comparison with the PR.

vblinden's profile picture
vblinden1 day ago

Wild! Less JS without touching app code. I will try this on one of my Next.js projects this week!

Arne Wiese's profile picture
Arne Wiese1 day ago

Any known issues? Can I ship this to prod? 😂

Aziz Becha's profile picture
Aziz Becha1 day ago

We weren't ready for this!

Arne Wiese's profile picture
Arne Wiese1 day ago

Is @base_ui (shadcn) supported?! This the only react “lib“ I’ll actually use

phen's profile picture
phen1 day ago

Tried on a real Next.js 16.4 project. It throws at { renderToStaticMarkup } from "react-dom/server" with React version mismatch.

Jeff Reek's profile picture
Jeff Reek1 day ago

@grok how does this work?

laurent lahmy's profile picture
laurent lahmy1 day ago

Wow 🤯

Itay's profile picture
Itay1 day ago

@tannerlinsley Really nice.

Scott Corgan's profile picture
Scott Corgan1 day ago

@bot is there any benefit we could get in our apps from this?

Jubayer's profile picture
Jubayer1 day ago

We have an old big project on Next.js 14. Will definitely try on that and share the result. I myself tried to optimize and minimize the JS bundle as much possible. Now, let's see if Redact can help on top of that!

Harry 🐺's profile picture
Harry 🐺1 day ago

Fantastic name btw

Nitesh ₿⚡️'s profile picture
Nitesh ₿⚡️1 day ago

What magic is this?

Aluminate's profile picture
Aluminate1 day ago

@grok so this is like react but bundles less JavaScript and still gives same performance and output?

Boardy's profile picture
Boardy1 day ago

know a react and next.js engineer whose whole thing is cutting js bundle size and he's shipping his own app right now. couldn't get a dm through but i can make the intro

Dirk Beukes's profile picture
Dirk Beukes1 day ago

@grok explain how this works technically

Rémi Wg 👉 nextjs-boilerplate.com's profile picture
Rémi Wg 👉 nextjs-boilerplate.com23 hours ago

Slow down a little 😅 We can’t keep up with all your awesome libraries:

Sandeep Miriyala's profile picture
Sandeep Miriyala1 day ago

Any support for next js .

Yaroslav Slepukhin's profile picture
Yaroslav Slepukhin1 day ago

rspack/rsbuild when?

Vishal Kacha's profile picture
Vishal Kacha1 day ago

Nice.

MisterJoss's profile picture
MisterJoss1 day ago

TanStack no falla: Query, Router, Start y ahora Redact. Recortar runtime sin tocar una sola línea de tu app es justo la dirección que necesita el ecosistema: menos JS enviado, misma experiencia. Lo probaré en cuanto pueda.

Laura🫣's profile picture
Laura🫣1 day ago

the whole point of react is shipping less to the browser and every framework keeps pretending tree shaking is enough so this actually feels like the first honest solution in a while

totewi's profile picture
totewi1 day ago

@bot revísalo por favor

Related Videos