SSR, Preloading, Caching and more with TanStack Start + Query YouTube video by Dev Leonardo

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

Public Speaking | Leonardo Montini You may have seen me talking about things I like on some occasions

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

TanStack Form: Composable Fields for Large Forms YouTube video by Dev Leonardo

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

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.

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™

No worries, I'm still here 🙋‍♂️ | Leonardo Montini I missed a week so 2x content today!

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

A new tool to Create React Apps with TanStack YouTube video by Dev Leonardo

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

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...

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!

TanStack Start Authentication with Supabase YouTube video by Dev Leonardo

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

GitHub Stars starter pack ⭐️ Join the conversation

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...

Newsletter | Leonardo Montini Subscribe for unfiltered thoughts, what's on my mind, and what I'm working on.

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 🚀

One Typescript Schema to rule them all YouTube video by Dev Leonardo

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

Newsletter | Leonardo Montini Subscribe for unfiltered thoughts, what's on my mind, and what I'm working on.

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.

oh no, this ruins all the magic 😂

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

Makes sense, thank you!

I'm completely new around here, how do you get feedback if you're doing good?

Newsletter | Leonardo Montini Subscribe to my newsletter to get more in touch with me and my work.

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

What’s gonna change in 2025 YouTube video by Dev Leonardo

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?

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...

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

Suspiciously easy today, maybe we'll pay the price tomorrow 😂

Advent of Code takes too much time -> I'll do advent of TS in instead -> spends hours on Advent of TS

Me the past few days

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...

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

Wait did I really write "without zero effort"?

I think you got the point anyway 😅😅

React TanStack Form Standard Schema Example | TanStack Form Docs An example showing how to implement Standard Schema in React using TanStack Form.

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/...

TanStack Tutorial for Start, Router, Form, Table & more | Leonardo Montini A free collection of step by step tutorials, with practical examples and code, on TanStack Start, Router, Form, Table and Query.

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 believe engaging with projects and supporting other developers is a meaningful way to make a difference.

Think about an amazing library you're currently using, why don't you write an article about it?