There's so much you an easily achieve with TanStack Start + Query about how you load data and render content, let me show you some examples youtu.be/kgw83CziJgM

Vibe Coding and the 80-20 rule: AI generated 80% of the layout of this page in just 20% of the total time I spent. However, the remaining 80% of time went into that last 20% of code, manually tweaking details and fixing bugs

A quick introduction on how to use the new @tanstack.com Form v1 Composition API Reduce boilerplate code and ensure consistency across components and forms within your app youtu.be/YJ3rW85fnKo

Wanna test yourself the latest @github.com Copilot features on @vscode.dev? I often present demos at conferences and on video, so I decided to collect them on a public repository. You'll find instructions to replicate them and get your hands dirty! Have a look ⭐️ github.com/Balastrong/g...

Yes, it's TanStack Router... on Solid! 👀

TanStack Form 1.0 Soon™

Issue 5 of my newsletter is out! 📩 You can find here the web version and if you want to connect more with me and my work you can subscribe to receive it in your inbox Enjoy! leonardomontini.dev/newsletter/5

With create-react-app official deprecated, here's a valid alternative to create an initial React app with Vite and @tanstack.com Router already configured Give it a try: npx create-tsrouter-app I talk about it in todays' video: youtu.be/K2m5awz3cAk

After seeing the backlash to the recent React docs setup update, I've tackled it myself. I've put up a PR that reworks the "Create" page with better explanations and a "Start from Scratch" section that recommends Vite + routers: github.com/reactjs/reac... I think this should make everyone happy!

Today's @tanstack.com Start Demo is all about the Auth flow 🔐 We'll see how to handle sign up and sign in, manage the user cookies, protect some routes and set custom user data with @supabase.com

New starter pack just dropped Check it out to see what our GitHub Stars are up to 💫 go.bsky.app/SLURjn2

I published an awesome-list with TanStack Start resources, if you know more that aren't already in the list please open a PR! (Or just give it a ⭐️ in the meantime) github.com/Balastrong/a...

Issue 3 of my newsletter is ready! This time it will be about the devrel role, TanStack and ui components. Here: leonardomontini.dev/newsletter You're still in time, join now and in a few hours it'll be delivered in your inbox 🚀

A quick showcase of what Standard Schema enables, the problem it solves and how it can hugely benefit the ecosystem Zod (@colinhacks.com) , @valibot.dev and @arktype.io are already in, let's make it a widely adopted standard 🚀 youtu.be/_JDf5_wVujo

Everything is finally ready! 👉 leonardomontini.dev/newsletter I'll send the first issue of my newsletter tomorrow morning, I have no idea what I'm doing but if you want to get more in touch with me, I'll share some personal thoughts on my coding journey.

TIL Chrome starts loading a page from the bookmarks bar on mouse down, not when you release the click. Try to click a bookmark and hold your mouse down for a couple of seconds then release - it will seam the page loaded instantly :D

This might be a terrible idea but... I'm launching a newsletter! 📩 I'll share behind the scenes updates on my work, plans, and cool resources. I want to connect with y'all in a more personal way, not necessarily fitting for socials and algorithms. 👉 leonardomontini.dev/newsletter

I had BIG plans for this first week of 2025 but lying in bed with a nasty flu didn't help 🤒 On the bright side, a thing that was on the back of my mind for quite some time became more obvious today. Will I manage to make it happen?

Day 19, when I saw I had to parse code I panicked for a moment, turned out to be doable (after some silly attempts) www.adventofts.com/events/2024/19

Me the past few days

Ok day 12 the madness has begun, I'm already in mode "Please ChatGPT help me and slooowly explain what you're doing"

Okay, for real this time! Thanks to @convex.dev, @TanStack.com's metric counter now updates LIVE! Kinda wild to watch! Go check it out! 👉 TanStack.com

TanStack Form now supports Standard Schema validators! 🔀 You can swap between Zod, Valibot and ArkType without zero effort, give it a try on the stackbliz you can find in the official docs 👇 tanstack.com/form/latest/...

I began creating resources for @tanstack.com in February and I felt it was due time to make them all accessible from one place. My focus has mostly been on Router and Form and I'm now looking at Start ⏩

It's time for yearly recaps so here's a tiny tool drawing your @github.com contribution chart as a skyline 🏙️ Get the gh extension with "gh extension install github/gh-skyline" and run "gh skyline" in your terminal 👇 #GitHubSkyline

I'm already starting to learn something new about Typescript! (no spoiler) I had no idea you could do *that* on day 7 😅

I finally found some time to fix the SEO of my website and look at that, I have a proper image in the preview now 😂 leonardomontini.dev

Everything I'm doing on YouTube and GitHub is purely out of passion and free for everyone, a subscribe or star is more than enough to say thank you. But sometimes, people like Cooper take that extra step with a GitHub Sponsorship. It's my turn to say thank you today! ❤️

This year I want to finish all Advent of Typescript challenges but... getting stuck sucks! The plan for the tough days is to try for a "reasonable amount of time", then get some hints and (even with AI) analyze and understand the solution. I don't see value in trying beyond frustration tbh

We just announced two sets of breaking changes in @tanstack.com Form: github.com/TanStack/for... I feel terrible about this, seeing as we recently announced an RC phase - intent on no more breaking changes. I wish I could solve this differently, but I don't see alternatives.

The initial friction is sometimes so hard to overcome, but once you get started and find yourself in flow state, oh what you can achieve!

Scheduled for tomorrow morning 🚀

Me in a meeting 5 minutes ago: "User logins on a TanStack Form, navigates through TanStack Router on a page showing a TanStack Table with data managed by TanStack Query" We should add a rule that each time I mention @tanstack.com all participants take a shot, gotta be fun 🍻

A very clean PR has just landed on @tanstack.com/Form bringing the listeners feature. Reacting to a field's change (but also mount, blur and submit) is now as easy as defining a function into the new listeners property of a Field component. Get it on TanStack Form 0.37.0 on React, Angular or Vue 🚀

I can't state how crucial Vinxi and Nitro were in making @TanStack.com Start. Come read about how it was a game changer! "Why TanStack Start is Ditching Adapters" tanstack.com/blog/why-tan...

Thank you 6000+ 🙌 I think thanks to Starter Packs most of my connections here don't know about my side projects so let me mention my YouTube channel where I talk about Open Source and Web Development I reached 6k subscribers today, if you wanna join you're welcome 👇 www.youtube.com/@DevLeonardo

Xmas forest is complete 🍂

No coding today, did a thing for Autumn/Christmas with my girlfriend 🍂🍂 Looks cool but we didn't have enough leaves, we'll do the other three tomorrow

🔴 aaaand it's live! A step by step video setting up a TanStack Start project. I'm doing that from scratch by following the official docs to learn the basics. The result is a simple page with two server functions to read and write some data. youtu.be/PUf8DzCvrdc

To celebrate @tanstack.com Start entering Beta I recorded a step by step setup video following the docs and going over the basics. Publishing today/tomorrow 👀 Might be chapter 0 of a Start tutorial as I did for Router with 10 chapters so far... and there's still a loooot more to cover!

Stoked to announce that TanStack Start is now officially BETA! 🎉 🎊 Please come and try it and help us get it ready for 1.0! tanstack.com/start cc @tanstack.com

btw we got a nice PR on TanStack Form and now it supports Remix actions github.com/TanStack/for...

I'm definitely not a frequent runner but I keep seeing @santoshyadavdev.bsky.social going so often... Well, I decided to get out today 🏃

Generating changes in multiple files with a single prompt is now supported with GitHub Copilot in @vscode.dev As usual I gave it a try and I recored a demo 👇 youtu.be/lh5Wj6QhbbU

📢 for anyone who missed the big merge today, as part of @tanstack.com Start release 1.81.6 - The interface for server functions has changed to allow for middleware - The Html, Head, and Body components have been dropped

Soon on TanStack Form 👀

So it begins... (already reported)

Standard Schema is a spec to unify the interfaces of javascript schema libraries. @valibot.dev and @arktype.io are already implementing it and @colinhacks.com (with zod) will follow soon. In @tanstack.com Router it is already supported natively, I'll bring it on TanStack Form soon :D

One more long awaited feature has just landed on @tanstack.com Form! The existing form.reset method now accepts a parameter to override the entire form all at once 🧹 You can also control with a flag whether this value should become the new default! Get it on v0.35.0 🚀

Kind of funny to slowly get into the YouTube Partners Program with hard work but not a single viral hit (not many programming tutorials go "viral" anyway) After months of doing videos for free you start to get paid, which is awesome! 8 hours to create a video => 2€ from YouTube 💰