Leonardo Montini
@leonardomontini.dev
Frontend Engineer 🇮🇹 Open Source Maintainer 🧑💻 GitHub Star ⭐ Microsoft MVP 🔷 Dev Content: http://youtube.com/@DevLeonardo 📽️ Cat lover 😼
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
youtu.be/kgw83CziJgM
SSR, Preloading, Caching and more with TanStack Start + Query
YouTube video by Dev Leonardo
youtu.be
May 5, 2025 at 5:20 PM
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
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
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
Public Speaking | Leonardo Montini
You may have seen me talking about things I like on some occasions
leonardomontini.dev
April 3, 2025 at 10:53 PM
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
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
Reduce boilerplate code and ensure consistency across components and forms within your app
youtu.be/YJ3rW85fnKo
TanStack Form: Composable Fields for Large Forms
YouTube video by Dev Leonardo
youtu.be
March 15, 2025 at 2:12 PM
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
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...
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...
GitHub - Balastrong/github-copilot-demos: A sandbox for hands-on GitHub Copilot experiments
A sandbox for hands-on GitHub Copilot experiments. Contribute to Balastrong/github-copilot-demos development by creating an account on GitHub.
github.com
February 22, 2025 at 3:24 PM
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...
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! 👀
February 21, 2025 at 9:11 PM
Yes, it's TanStack Router... on Solid! 👀
TanStack Form 1.0 Soon™
You know you've got a reputation when even your fellow project maintainers are razzing you 😂😭
February 20, 2025 at 8:30 PM
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
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
No worries, I'm still here 🙋♂️ | Leonardo Montini
I missed a week so 2x content today!
leonardomontini.dev
February 20, 2025 at 8:33 AM
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
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
Give it a try: npx create-tsrouter-app
I talk about it in todays' video: youtu.be/K2m5awz3cAk
A new tool to Create React Apps with TanStack
YouTube video by Dev Leonardo
youtu.be
February 18, 2025 at 7:49 PM
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
Give it a try: npx create-tsrouter-app
I talk about it in todays' video: youtu.be/K2m5awz3cAk
Reposted by Leonardo Montini
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!
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!
Rewrite "Create" page to improve explanations by markerikson · Pull Request #7618 · reactjs/react.dev
Summary
This PR revamps the "Creating a React App" setup instructions page to offer better guidance on how to start a new React project. It also converts the existing "Building a Re...
github.com
February 17, 2025 at 2:42 PM
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!
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
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
TanStack Start Authentication with Supabase
YouTube video by Dev Leonardo
youtu.be
February 12, 2025 at 5:39 PM
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
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
Reposted by Leonardo Montini
New starter pack just dropped
Check it out to see what our GitHub Stars are up to 💫
go.bsky.app/SLURjn2
Check it out to see what our GitHub Stars are up to 💫
go.bsky.app/SLURjn2
GitHub Stars starter pack ⭐️
Join the conversation
go.bsky.app
February 11, 2025 at 10:00 PM
New starter pack just dropped
Check it out to see what our GitHub Stars are up to 💫
go.bsky.app/SLURjn2
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...
(Or just give it a ⭐️ in the meantime)
github.com/Balastrong/a...
GitHub - Balastrong/awesome-tanstack-start: A curated list of TanStack Start resources: articles, projects, videos and more.
A curated list of TanStack Start resources: articles, projects, videos and more. - Balastrong/awesome-tanstack-start
github.com
February 4, 2025 at 9:24 PM
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...
(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 🚀
Here: leonardomontini.dev/newsletter
You're still in time, join now and in a few hours it'll be delivered in your inbox 🚀
Newsletter | Leonardo Montini
Subscribe for unfiltered thoughts, what's on my mind, and what I'm working on.
leonardomontini.dev
January 30, 2025 at 8:29 PM
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 🚀
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
Zod (@colinhacks.com) , @valibot.dev and @arktype.io are already in, let's make it a widely adopted standard 🚀
youtu.be/_JDf5_wVujo
One Typescript Schema to rule them all
YouTube video by Dev Leonardo
youtu.be
January 13, 2025 at 3:39 PM
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
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.
👉 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.
Newsletter | Leonardo Montini
Subscribe for unfiltered thoughts, what's on my mind, and what I'm working on.
leonardomontini.dev
January 9, 2025 at 7:01 PM
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.
👉 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
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
January 9, 2025 at 3:54 PM
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
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'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
Newsletter | Leonardo Montini
Subscribe to my newsletter to get more in touch with me and my work.
leonardomontini.dev
January 7, 2025 at 7:49 PM
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'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?
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?
What’s gonna change in 2025
YouTube video by Dev Leonardo
youtu.be
January 6, 2025 at 1:35 PM
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?
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
www.adventofts.com/events/2024/19
Advent of TypeScript
Advent of TypeScript is a month-long event running from December 1 to Christmas, featuring daily TypeScript challenges. Participants can test their skills, climb the leaderboard, and engage with the T...
www.adventofts.com
December 19, 2024 at 8:23 PM
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
www.adventofts.com/events/2024/19
Me the past few days
December 17, 2024 at 1:08 PM
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"
Advent of TypeScript
Advent of TypeScript is a month-long event running from December 1 to Christmas, featuring daily TypeScript challenges. Participants can test their skills, climb the leaderboard, and engage with the T...
adventofts.com
December 12, 2024 at 6:04 PM
Ok day 12 the madness has begun, I'm already in mode "Please ChatGPT help me and slooowly explain what you're doing"
Reposted by Leonardo Montini
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
Thanks to @convex.dev, @TanStack.com's metric counter now updates LIVE!
Kinda wild to watch! Go check it out! 👉 TanStack.com
December 12, 2024 at 6:38 AM
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
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/...
🔀 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/...
React TanStack Form Standard Schema Example | TanStack Form Docs
An example showing how to implement Standard Schema in React using TanStack Form.
tanstack.com
December 11, 2024 at 7:17 PM
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/...
🔀 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 ⏩
December 10, 2024 at 10:42 PM
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
Get the gh extension with "gh extension install github/gh-skyline" and run "gh skyline" in your terminal 👇
#GitHubSkyline
December 9, 2024 at 4:21 PM
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
Get the gh extension with "gh extension install github/gh-skyline" and run "gh skyline" in your terminal 👇
#GitHubSkyline