#1: Hackathon, TanStack DB, Devtools, and a New Library Teaser!

Hey,

congrats on receiving the very first issue of TanStack weekly, the first newsletter made for TanStack!

We have a lot to cover, including a TanStack library we were all sleeping on, big changes in TanStack DB and a new TanStack library!

So let’s get to it:

TanStack Hackathon

In case you missed it, there is a TanStack Start Hackathon organized by convex.

If you ever wanted to build a cool app with TanStack Start, this is a great opportunity.

The winning prices are high and submissions close in a few days (November 17th).

So if you have an app idea, go for it!

TanStack DB is Getting Smarter

Yesterday TanStack DB 0.5 was announced, and wow, that's one hell of a change!

Now, TanStack DB can automatically transforms your query into an API call:

// This query:
const ‍​{ ‍​data: ‍​projectTodos ‍​} ‍​= ‍​useLiveQuery((q) ‍​=>
 ‍​ ‍​q
 ‍​ ‍​ ‍​ ‍​.from({ ‍​todos ‍​})
 ‍​ ‍​ ‍​ ‍​.join({ ‍​projects ‍​}, ‍​(t, ‍​p) ‍​=> ‍​eq(t.projectId, ‍​p.id))
 ‍​ ‍​ ‍​ ‍​.where(({ ‍​todos ‍​}) ‍​=> ‍​eq(todos.status, ‍​'active'))
 ‍​ ‍​ ‍​ ‍​.where(({ ‍​projects ‍​}) ‍​=> ‍​eq(projects.id, ‍​123))
)

// ...becomes these precise API calls automatically:
// GET /api/projects/123
// GET /api/todos?projectId=123&status=active

TanStack DB is the natural evolution of TanStack Query, and I just can’t wait for v1!

Shadcn UI + TanStack = ❤️

Moving on to the tweet that made my day...

I remember struggling for 30 mins to setup a TanStack Start Project with Shadcn UI from scratch.

Now, it’s just one beautiful command.

And I kid you not, I already used it 5 times already!

TanStack Start Replacing NextJS?

There is something interesting about watching a Svelte developer working with TanStack Start:

Ben Davis just released a video called The Real NextJS Killer is Finally Here...

It’s a great introduction to the library and covers server functions, loaders and optimistic updates.

Definitely worth a watch.

The Love For TanStack

Have you ever thought:

“Why are devs so obsessed with TanStack”?

Well, Appwrite answered that question in their recent blog post:

Why developers are leaving Next.js for TanStack Start, and loving it

If you know someone who is not on the TanStack boat yet, just send it to them!

React Compiler Is Here, And It’s Awesome

I’ve been hearing great things about the react compiler for a while now.

But Jack Herrington’s latest video convinced me to give it a try.

Not only does cover how to set up React Compiler in your TanStack Start project, the performance gains are literally off the charts!

TanStack Devtools Blew My Mind!

I’ve seen Alem Tuzlak talk about TanStack Devtools here and there...

But his last video how achieved the impossible:

→ Click on any UI element on and jump to the exact place in the code where it is created.

Honestly mindblowing!

New TanStack Library Teaser

So Tanner Linsley just decolorized TanStack Ranger (from pink to gray).

This means one thing:

→ A new TanStack Library is probably coming soon!

(And it’s probably gonna be pink.)

If you have any guesses, what this mysterious library might be, I would love to know!

---

By the way, if you have some interesting content about TanStack simply reply to this email. All submissions are appreciated!

If you enjoyed this issue, you can share it using this link.

See you in the next one!

Youssef Benlemlih

IT Consultant | YouTuber | Author of TanStack Weekly

---

You are receiving this email because you opted in via our site.

Want to change how you receive these emails?
You can unsubscribe from this list.

Youssef Benlemlih

PO 600221, 22202 Hamburg Germany