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
Leonardo Montini
Leonardo Montini
@leonardomontini.dev
Frontend Engineer ๐ฎ๐น Open Source Maintainer ๐งโ๐ป GitHub Star โญ Microsoft MVP ๐ท Dev Content: http://youtube.com/@DevLeonardo ๐ฝ๏ธ Cat lover ๐ผ
2.1K followers303 following93 posts
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...
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
Leonardo Montini reposted
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
Leonardo Montini reposted
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.
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
Ok day 12 the madness has begun, I'm already in mode "Please ChatGPT help me and slooowly explain what you're doing"
Leonardo Montini reposted
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 could be a guide or just sharing your experience and how you used it. It really does make a difference. Here's what I've done so far: leonardomontini.dev/tanstack
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
Leonardo Montini reposted
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.
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 ๐
...which makes me think Chapter 06 of the TanStack Form Tutorial should definitely cover this new feature :D The other 5 chapters are here: www.youtube.com/playlist?lis...
Leonardo Montini reposted
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
๐ด 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!
Leonardo Montini reposted
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
Leonardo Montini reposted
๐ข 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
Closing one of the longest running (and most active) maintainer threads on @TanStack.com Discord. It felt wrong not to say some final words.