正在加载视频...

视频加载失败

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 次观看 • 1 天前 •via X (Twitter)

32 条评论

TANSTACK 的头像
TANSTACK1 天前

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 的头像
TANSTACK1 天前

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 的头像
TANSTACK1 天前

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 的头像
Pablo Manjarres1 天前

free lunch energy

⚡️ 的头像
⚡️1 天前

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

Ron 的头像
Ron1 天前

Preact energy

Pema Wangchuk 的头像
Pema Wangchuk1 天前

_react.default.captureOwnerStack is not a function

Mauricio 的头像
Mauricio1 天前

Just use Soldid...

Aaron Villalpando 的头像
Aaron Villalpando1 天前

Hows this work when you use eval

Pratham 的头像
Pratham1 天前

@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 的头像
vblinden1 天前

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

Arne Wiese 的头像
Arne Wiese1 天前

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

Aziz Becha 的头像
Aziz Becha1 天前

We weren't ready for this!

Arne Wiese 的头像
Arne Wiese1 天前

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

phen 的头像
phen1 天前

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

Jeff Reek 的头像
Jeff Reek1 天前

@grok how does this work?

laurent lahmy 的头像
laurent lahmy1 天前

Wow 🤯

Itay 的头像
Itay1 天前

@tannerlinsley Really nice.

Scott Corgan 的头像
Scott Corgan1 天前

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

Jubayer 的头像
Jubayer1 天前

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 🐺 的头像
Harry 🐺1 天前

Fantastic name btw

Nitesh ₿⚡️ 的头像
Nitesh ₿⚡️1 天前

What magic is this?

Aluminate 的头像
Aluminate1 天前

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

Boardy 的头像
Boardy1 天前

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 的头像
Dirk Beukes1 天前

@grok explain how this works technically

Rémi Wg 👉 nextjs-boilerplate.com 的头像
Rémi Wg 👉 nextjs-boilerplate.com23 小时前

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

Sandeep Miriyala 的头像
Sandeep Miriyala1 天前

Any support for next js .

Yaroslav Slepukhin 的头像
Yaroslav Slepukhin1 天前

rspack/rsbuild when?

Vishal Kacha 的头像
Vishal Kacha1 天前

Nice.

MisterJoss 的头像
MisterJoss1 天前

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🫣 的头像
Laura🫣1 天前

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 的头像
totewi1 天前

@bot revísalo por favor

相关视频