I QUIT from a TOXIC Workplace for Developers Dev Leonardo 2026-09-16 | I QUIT from a TOXIC Workplace for Developers
I vibe coded an online visitors counter for my blog Dev Leonardo 2025-07-15 | Stack is a static blog on Astro, hosted on Netlify with the data being saved on a Redis instance.My blog: github.com/Balastrong/blog-astro_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 Online Counter Badge00:23 Backend implementation01:20 Frontend implementation02:40 Redis03:34 Local development
How well measure performance of our DevRel activities Dev Leonardo 2025-06-23 | Some thoughts about the plan to measure the performance of our DevRel program: an open brainstorming about effort vs output vs outcome and how to set the initial goals._______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#devrel #developerrelations
Im starting a Developer Relations program, somehow 🤷 Dev Leonardo 2025-06-17 | Trying to make this sharing knowledge thing part of my current Frontend Engineer job. Will this work? Time will tell but you can join me in this journey!_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#devrel #developerrelations
Show/Hide components for logged in users Dev Leonardo 2025-06-12 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
Learning Web Development through Open Source - OSDay25 Dev Leonardo 2025-06-11 | Recording of my live session at the Open Source Day 2025 on March 21stSpecial thanks to the Schrödinger Hat team for organizing the event!Join the community: schroedinger-hat.org@SchrodingerHat_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
TanStack Start Server Middleware Dev Leonardo 2025-06-04 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
Running Typescript Type Unit Tests Dev Leonardo 2025-05-29 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
TanStack Start with Drizzle & Better Auth Dev Leonardo 2025-05-26 | Here's an example of the most common authentication features you might want in your React project using TanStack Start, Drizzle, Better Auth and Neon.Repo: github.com/Balastrong/confhubTanStack Start Tutorial: youtube.com/playlist?list=PLOQjd5dsGSxIEKFg4dnSQ4zQkmTktfszpTanStack Start Free Resources: github.com/Balastrong/awesome-tanstack-start_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 Demo00:49 Client route guards02:45 SSR in the initial guard03:27 Display components only for authenticated users04:06 Check client session04:49 Sign In & Sign Up05:34 A similar approach06:12 More TanStack Start examples06:36 Backend authentication guard (middleware)09:36 Drizzle + Better Auth Configuration11:39 Learn More#authentication #drizzle #tanstack
Typescript Type Unit Test Dev Leonardo 2025-05-18 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
Why you should Testing Typescript Types Dev Leonardo 2025-05-15 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
TanStack Start: Middlewares (Auth, Observability, Error Handling) Dev Leonardo 2025-05-13 | Middleware allows you to customize the behavior of server functions created with createServerFn with things like shared validation, context, and much more. Middleware can even depend on other middleware to create a chain of operations that are executed hierarchically and in order.More in the official docs: tanstack.com/start/latest/docs/framework/react/middlewareTanStack Router Tutorial: youtube.com/playlist?list=PLOQjd5dsGSxJilh0lBofeY8Qib98kzmF5TanStack Start Tutorial: youtube.com/playlist?list=PLOQjd5dsGSxIEKFg4dnSQ4zQkmTktfszp_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 Introduction00:19 Server Middleware01:24 Client Middleware02:25 Passing data between multiple middlewares03:51 Full Demo05:05 Returning an error from a server middleware05:45 Global Middleware06:18 TanStack Start + Query data loading#tanstack #react #nextjs
Preloading in TanStack makes everything better Dev Leonardo 2025-05-08 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
How we unit test Typescript types in TanStack Dev Leonardo 2025-05-06 | Having complex typescript types also requires some level of confidence when touching them. Here's how we unit test our typescript types in TanStack Form to ensure you get all the magical typesafety in your forms._______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 The complex types in Tanstack libraries00:41 Testing the type of a javascript object02:14 Testing types in isolation03:22 Run type tests automatically (local and CI)04:35 How to setup Typescript tests05:34 Why testing types matters
SSR, Preloading, Caching and more with TanStack Start + Query Dev Leonardo 2025-04-29 | A quick demo to show how you can load data and do Server Side Rendering on TanStack Start with the integration of TanStack Query to also have prefetching, caching and some other nice features (also available in Router) to offer a smooth navigation and user experience.This will be part of a longer live session I'll do next month._______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 TanStack Start + Query00:11 Router + Query basic usage01:11 Simple SSR through Query02:40 Preloading & Caching03:52 SSR in a Client-First approach05:05 Middlewares in TanStack Start_______________________________#tanstack #start #query
Why you do what you do? Dev Leonardo 2025-04-13 | What gets you out of bed each morning? I had a lot of fun the last couple of months but it also has been a really stressful time. Happy and proud for the opportunities, but this also comes with some much needed time to rest._______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrongTIMESTAMPS00:00 What is going on?01:49 More on TanStack videos01.58 My take on AI tooling hype03:37 Why you do what you do?
TanStack Start User Profile with Supabase Dev Leonardo 2025-03-17 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
TanStack Form: Composable Fields for Large Forms Dev Leonardo 2025-03-15 | The new Composition API is the solution to reduce boilerplate code and ensure consistency across all the forms of your application.You can create custom ui components and pre-bind them to the form just once, drastically reducing the code you need to create form instances across your app.Learn more on the docs: tanstack.com/form/latest/docs/framework/react/guides/form-compositionWatch the full playlist: youtube.com/playlist?list=PLOQjd5dsGSxInTKUWTxyqSKwZCjDIUs0YSource Code: github.com/Balastrong/tanstack-form-demo/tree/07-form-composition ⭐️TanStack Discord: discord.com/invite/WrRKjPJ_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 Form Composition00:55 Composition Setup01:42 Define a reusable component03:05 Use a custom component04:31 Showing Field Errors05:26 Adding More Components06:08 Form Components07:26 Creating multiple form instances07:47 Creating a bigger form09:10 Final Demo09:55 Resuable Form Blocks (multiple fields)#tanstack #reactjs #form
TanStack Start Supabase Client Dev Leonardo 2025-03-05 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
TanStack Start Protected Routes (Auth Guard) Dev Leonardo 2025-03-02 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
TanStack Start Login Form Dev Leonardo 2025-02-27 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
Copilot NES Knows your Next Move #github #copilot Dev Leonardo 2025-02-24 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
A valid alternative to Create React App being Deprecated Dev Leonardo 2025-02-23 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
GitHub Copilots new Completion Model Dev Leonardo 2025-02-20 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
A new tool to Create React Apps with TanStack Dev Leonardo 2025-02-18 | With Create React App being officially deprecated this week, create-tsrouter-app is a modern alternative to boostrap an initial application with vite and TanStack Router already configured.npx create-tsrouter-app@latest my-appnpx create-tsrouter-app@latest my-app --template file-router --tailwindCTA Repo: github.com/TanStack/create-tsrouter-appCRA Article: https://react.dev/blog/2025/02/14/sunsetting-create-react-app_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 create-tsrouter-app00:18 Basic usage01:13 Code Routes01:50 File Routes03:39 Link Component04:07 Styling04:22 Tooling for a complete app05:49 Server Side Rendering (TanStack Start)06:36 What's more#tanstack #react
TanStack Start Signup Form Dev Leonardo 2025-02-16 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
Copilot Next Edit Suggestion is the ultimate refactoring tool Dev Leonardo 2025-02-15 | Next Edit Suggestion is the latest GitHub Copilot feature that suggests code anywhere in your file, not just right after your cursor.Let's give it a look!_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 GitHub Copilot Next Edit Suggestions01:37 Demo: New Form Field02:27 Comparison with Copilot Edits (Chat)03:35 Shortcuts04:30 Demo: Feature Enhancement05:38 Enable from the settings05:49 Final thoughts#github #copilot #ai
TanStack Start Authentication with Supabase Dev Leonardo 2025-02-12 | Let's see how to manage authentication in TanStack Start. We'll use Supabase to sign up, login, store and edit some user data from a protected route and logout.Repo: github.com/Balastrong/confhub/tree/dc79c9f8fd2a4fb621e2b7029bb0e8dd202d6eb6TanStack Start Tutorial: youtube.com/playlist?list=PLOQjd5dsGSxIEKFg4dnSQ4zQkmTktfszp_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#tanstack #react #authentication_______________________________TIMESTAMPS00:00 Demo00:33 Sign Up01:55 Connect to Supabase02:18 Sign In03:18 Session and user across the app04:52 Route Guard & Redirect05:41 Different approaches on keeping the session valid06:22 Sign Out06:56 Store custom user data07:51 Dark Theme selector
Custom links in TanStack Router/Start Dev Leonardo 2025-02-10 | _______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
A list of TanStack Start examples & resources Dev Leonardo 2025-02-06 | Repo: github.com/Balastrong/awesome-tanstack-start_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
Se GitHub lha chiamato Copilot, un motivo ci sarà 🇮🇹 [ENG subtitles] Dev Leonardo 2025-02-05 | English subtitles are available! Here's a session I delivered in Italian at the University of Macerata for my local community, DevMarche.The topic is... you guessed it, using GitHub Copilot as a software developer!_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrongTIMESTAMPS00:00 Slides12:45 Live Demo36:25 More Slides50:55 QA session
TanStack Start with Convex and Clerk is like cheating Dev Leonardo 2025-01-28 | Here's a simple TanStack Start app with real time database updates and authentication featuring Convex and Clerk.This had to be the starter projects I wanted to use for the TanStack Start tutorial but it's so powerful it doesn't showcase Start's primitives as much as I wanted to.I'll work on two parallel series, one with the basics and one with advanced integrations like this one, you might want to subscribe!TanStack Start Tutorial: youtube.com/playlist?list=PLOQjd5dsGSxIEKFg4dnSQ4zQkmTktfszp_______________________________Subscribe to my newsletter: https://leonardomontini.dev/newsletterSupport my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DYou can also follow me on the other platforms:Discord Community: discord.gg/bqwyEa6We6Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#tanstack #react #authentication_______________________________TIMESTAMPS00:00 TanStack Start Demo00:51 Data Mutations with Convex + Query01:50 Data Fetching with Convex + Query02:50 Authentication with Clerk03:43 What do to next
TanStack Router: Custom Link Component Dev Leonardo 2025-01-20 | Buttons and Links from your component library (also Shadcn, MUI, Mantine etc &co) can be easily integrated with TanStack Router's Link component so that you don't lose the magic type safety but you can still build your custom UI on top.Source code: github.com/Balastrong/tanstack-router-demo/tree/09-custom-link_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 Custom Link00:44 Create the Component01:48 Connect with TanStack Router02:32 Let TanStack handle your props03:57 Even more customization05:04 Integrating with UI libraries06:20 TanStack Start Tutorial#tanstack #react #router
One Typescript Schema to rule them all Dev Leonardo 2025-01-13 | Swap between Zod, Valibot and ArkType seamlessly as they all implement the Standard Schema specification.Learn more: github.com/standard-schema/standard-schema_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#zod #typescript
What’s gonna change in 2025 Dev Leonardo 2025-01-06 | 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?_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
shadcn/ui has landed on Angular Dev Leonardo 2024-12-16 | Having full control and ownership of your UI components is a common pattern today with shadcn/ui on React, but what if you're using Angular? Spartan is the answer ⚔️Spartan: https://www.spartan.ng/_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrongTIMESTAMPS00:00 shadcn on Angular00:25 Getting Started00:45 Tailwind on Angular01:39 Spartan Setup02:40 Install a component03:55 Customize a components04:32 Contribute to the project
TanStack Start: Server Function Validators Dev Leonardo 2024-12-10 | The input of server functions comes through an HTTP request, you should always make sure the data they receive is exactly in the shape you expected. That's what the validator API is for!TanStack Router Tutorial: youtube.com/playlist?list=PLOQjd5dsGSxJilh0lBofeY8Qib98kzmF5TanStack Start Tutorial: youtube.com/playlist?list=PLOQjd5dsGSxIEKFg4dnSQ4zQkmTktfszpLearn more on the official docs: tanstack.com/router/latest/docs/framework/react/start/overviewTutorial Code: github.com/Balastrong/tanstack-start-demo/tree/02-server-function-validator_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 Server Functions 10100:51 Validation by type inference01:19 Manual validation01:44 Schema validation02:23 Input Transformation03:26 Send Objects04:17 Submit formData04:33 Return values and errors#tanstack #react #nextjs
Your GitHub Commits Skyline in the terminal 🏙️ #GitHubSkyline Dev Leonardo 2024-12-09 | Repo: github.com/github/gh-skyline_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#github #GitHubSkyline
TanStack Form: Side Effects & Listeners Dev Leonardo 2024-11-28 | Listen and react to a field change, for example to clear the value of another field. You can do that on TanStack Form with the new listeners API in the FIeld component.Watch the full playlist: youtube.com/playlist?list=PLOQjd5dsGSxInTKUWTxyqSKwZCjDIUs0YSource Code: github.com/Balastrong/tanstack-form-demo/tree/06-field-listeners ⭐️TanStack Discord: discord.com/invite/WrRKjPJ_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 TanStack Form Tutorial00:19 Listeners API01:51 Reset Another field03:14 Composite Side Effect04:42 Full Form Reactivity#tanstack #reactjs #form
TanStack Start: A Full-Stack React Framework but Client-First Dev Leonardo 2024-11-20 | With the amazing developer experience of TanStack Router and its client-first approach, you'll fall in love with this new React meta-framework. That's a very strong alternative to NextJS if you're not too happy with the server-first paradigm.TanStack Router Tutorial: youtube.com/playlist?list=PLOQjd5dsGSxJilh0lBofeY8Qib98kzmF5Learn more on the official docs: tanstack.com/router/latest/docs/framework/react/start/overviewCode: github.com/Balastrong/tanstack-start-demo/tree/01-project-setup_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 TanStack Start00:21 Configuration02:31 Application Entrypoints03:45 Routes05:24 Server Functions - GET07:34 Server Functions - POST10:20 More on TanStack Router#tanstack #react #nextjs
Copilot Editing Multiple Files in Visual Studio Code Dev Leonardo 2024-11-18 | Generating changes in multiple files with a single prompt is now supported with GitHub Copilot in Visual Studio Code!And who am I to not give it a try and share a demo of it?_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#github #copilot #vscode
Whats being cooked with GitHub Spark 🧑🍳 Dev Leonardo 2024-11-11 | Let's have a look at 3 sparks created by GitHub users and shared on the GitHub Next discord channel.GitHub Spark: spark.githubnext.comMore on the tool: githubnext.com/projects/github-sparkWaitlist: github.com/github_spark_waitlist_signup/join_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
Will GitHub Copilot become the Captain? [Live Session Recording] Dev Leonardo 2024-10-24 | Recording of a practice run for the session delivered live at Codemotion Milan 2024Watch more demos: youtube.com/playlist?list=PLOQjd5dsGSxLRBUDKZvQhnqOjzNeMUkDjGitHub Copilot Workspace: youtu.be/FARf9emEPjIMore on using context in Copilot Chat: youtu.be/y_dfDUuaQD4The event: conferences.codemotion.com/milan2024_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________00:00 Intro00:10 Slides - Why using Copilot03:52 Demo - Tips and Trick18:18 Slides - Copilot Captain?
GitHub Copilot can Brainstorm on ANY Repository Dev Leonardo 2024-10-14 | Brainstorm is a new GitHub Copilot Workspace feature where you can have an in-depth conversation about a repository.Watch more demos: youtube.com/playlist?list=PLOQjd5dsGSxLRBUDKZvQhnqOjzNeMUkDjGitHub Copilot Workspace: youtu.be/FARf9emEPjIMore on using context in Copilot Chat: youtu.be/y_dfDUuaQD4Waitlist Signup: githubnext.com/projects/copilot-workspace_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#copilot #github #copilotworkspace
console.table and other variants #javascript #programming Dev Leonardo 2024-10-05 | _______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
TanStack React Form: Validation with zod Dev Leonardo 2024-10-02 | Tools like Zod, Yup and Valibot are great at defining schemas and handling validation, that's why TanStack Form natively supports them, making form validation smooth and simple ✅Here's a demo with React!Watch the full playlist: youtube.com/playlist?list=PLOQjd5dsGSxInTKUWTxyqSKwZCjDIUs0YSource Code: github.com/Balastrong/tanstack-form-demo/tree/05-zod-validation ⭐️_______________________________Support my work: github.com/sponsors/BalastrongHit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong_______________________________TIMESTAMPS00:00 Demo00:20 Schema (zod, yup, valibot)02:07 Show the field errors02:56 Global Array errors03:34 Nested Array errors04:52 Show errors outside Field components06:04 Reactive values#tanstack #reactjs
Use your code as context for Copilot #github #copilot #ai Dev Leonardo 2024-09-30 | _______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
Has Hacktoberfest lost its magic? ✨ Dev Leonardo 2024-09-24 | Hacktoberfest is coming for 2024, an event with remarkable goals which is also considered responsible for waves of spam on GitHub having a t-shirt as the main culprit.What will happen this year? Stay tuned!Sign Up for Hacktoberfest: hacktoberfest.comHacktoberfest History: Celebrating a Decade of Open Source Contribution: blog.ossph.org/hacktoberfest-history-celebrating-a-decade-of-open-source-contribution_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#hacktoberfest #opensource
OpenAI o1 🍓 in GitHub Copilot: a first look Dev Leonardo 2024-09-23 | Early demo and impressions on the new OpenAI o1 model available in GitHub Copilot Chat, building a fully working kanban board with some basic features in just a couple of prompts.Waitlist Signup: github.com/o1-waitlist-signupWatch more demos: youtube.com/playlist?list=PLOQjd5dsGSxLRBUDKZvQhnqOjzNeMUkDjMore on using context in Copilot Chat: youtu.be/y_dfDUuaQD4GitHub Copilot Workspace: youtu.be/FARf9emEPjI_______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong#copilot #openai #o1
Docs generation with Copilot Chat #github #copilot #ai Dev Leonardo 2024-09-22 | _______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
Copilot Chat knows your codebase (new Context feature) #github #copilot #ai Dev Leonardo 2024-09-19 | _______________________________Support my work: github.com/sponsors/Balastrong ❤️Hit like and subscribe for more content! :DBeginner-Friendly Open Source Projects: github.com/DevLeonardoCommunityJoin the Discord community! Here's the invite: discord.gg/bqwyEa6We6You can also follow me on the other platforms:Twitter: twitter.com/Balastrongdev.to: dev.to/balastrongGitHub: github.com/BalastrongHome: https://leonardomontini.dev/TikTok: tiktok.com/@balastrongInstagram: instagram.com/devbalastrong
