Kevin Van Cott

React Query won over the ecosystem

nextjs.dev redirects to remix.run ...

I found this out while leading a workshop and trying to load up the nextjs docs. 😂

Yeah, we could add a section 5 for Expo/React Native. It's not my expertise so I probably would not start working on it myself. I try to make all of these apps as apples to apples as possible for comparison.

GitHub - KevinVandy/react-data-fetching: The same app, built multiple times in different React frameworks for apples to apples comparisons. The same app, built multiple times in different React frameworks for apples to apples comparisons. - KevinVandy/react-data-fetching

Here's the repo: github.com/KevinVandy/r...

I made the sveltekit example a year ago, so I don't think it is using that.

My react-data-fetching demos have been updated!

I have now built the same app 22 times for my workshop where I teach different data loading patterns in React Router, TanStack Router, Next.js, and even a bit of Astro and Sveltekit too.

And, of course, how to use TanStack Query with all of them.

I'm only just starting to lean into having AI agents running large background tasks and refactors for me. It speeds up the tedious stuff so much. There's still only a subset of work that I trust AI with though.

Cursor + Claude Code and its VS Code extension is my setup right now.

A comparison of the TanStack Pacer utilities

The average React developer has no idea that the React compiler exists

How did I miss this!?

Working on TanStack Pacer as a new library from roughly the ground up over the past couple months has transformed how I'm thinking about building parts of the next TanStack Table version. It has been a very refreshing experience, even if it took a lot of dedicated dev time.

TanStack DB
TanStack Table
TanStack Query

Is TanStack a database company? What's next?

TanStack Select?
TanStack Join?
TanStack DropTableUsers?

🚨 Big news!

We’ve been collaborating with the legendary
@tannerlinsley.com and the TanStack team to build something new:

TanStack DB — a reactive, normalized, transactional state engine that extends TanStack Query.

In just 12 hours, @tannerlinsley joins us to break down TanStack Start — what it is, how it works, and why you should be using it.

Are you joining us?
📺 Watch live on YouTube - www.youtube.com/watch?v=QmG0...

There ended up being a ton of other work to do over the past couple weeks, so I only have a small start on showing off TanStack Pacer with TanStack Query, but the here are the first examples that focus on rate-limiting your prefetching

tanstack.com/pacer/latest...

imo many react developers would benefit from learning astro and htmx

Sure, Lachlan has set it up in every other repo, but we should be able to copy the typedoc configs over to query if they're not already there

What's Svelte up to?

The TanStack Pacer docs source of truth is all in the JS doc, and then markdown gets generated by typedoc for the website docs. I never want to write API docs another way again. We will always have carefully written guides on the docs site to supplement though.

I'll be putting together some official docs for how to best integrate TanStack Pacer with TanStack Query for debouncing/throttling/queuing with queries, mutations, and prefetching soon.

How have you debounced or other-wise rate-limited with TanStack Query in the past?

The next big update to TanStack Pacer includes a Solid Adapter, along with a more consistent API across all of the utilities.

Thanks to @bskyum.bsky.social for help getting it started

Headless-Tree, and the Future of React-Complex-Tree Headless Tree is the successor of react-complex-tree, and a new accessible and powerful React Tree Library.

Headless Tree is available as Beta! Read more on the Medium article on the release: medium.com/@lukasbach/h...

I'll be leading a full-day workshop at Nebraska.code() this summer.

It will cover the main differences between all the major React frameworks like Next.js, React Router (Remix), TanStack Start, and more. It's been really fun putting all of the learning material together for this.

where are you getting that link? We don't have a "simple" example. Only the ones in the sidebar

Soft launching a new TanStack library today.

Check out TanStack Pacer! A small utility library for debouncing, throttling, rate limiting, queuing, and task pooling.

It's in alpha, but can't wait to see how this might evolve.

Check it out at: tanstack.com/pacer

I just learned what a Vibe Coder actually is. Whoops lol

Vibe development.

After 2+ years, it's finally time to announce @TanStack.com Form v1!

✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!

Me talking any Astro

Kevin talking about auto Astro

The crowd

The crowd

Great turnout at @nebraskajs.dev in Lincoln! @kevinvancott.dev and I presented on @astro.build with slides created using Astro!

github.com/nicknisi/ast...

Hey, that's me