Sign in

Matías Verdier

@matiasverdier.com
312 followers 1.7K following 137 posts

Sr. Full Stack Engineer at LeaseUp.co JavaScript / TypeScript / React / Vue / Nodejs

PostsRepliesMedia
Matías Verdier @matiasverdier.com · 04/08/2025
"Frontend development is my passion" 😜
A form field with a placeholder saying it's optional and a validation error saying it is required
030
Reposted by Matías Verdier
patak @patak.cat · 03/03/2025
update after a month - OP has no time to create a repro - issue auto-closed after four days - today, OP bumps the issue again - we explain a repro is needed - OP complains but finally tries to craft one - OP can't reproduce, spots the problem on his code - OP finds out why we ask for reproductions
1115111
Reposted by Matías Verdier
Tanner Linsley @tannerlinsley.com · 03/03/2025
After 2+ years, it's finally time to announce @TanStack.com Form v1! ✅ Type Safe 🚀 Framework Agnostic 🎭 Headless 🔄 Isomorphic 🛡️ Advanced Validation 📜 Standard Schema ➕ More!
1740451
Matías Verdier @matiasverdier.com · 04/02/2025
I'm shipping like a boss 😎
020
Reposted by Matías Verdier
Dev Agrawal @devagr.bsky.social · 30/01/2025
So called experienced engineers who don't realize that architectures are a bunch of tradeoffs and boldly claim that one architecture can "do anything"
3212
Matías Verdier @matiasverdier.com · 23/01/2025
Se me terminó la paciencia 🙄
010
Matías Verdier @matiasverdier.com · 28/12/2024
The developers urge to make refactors and increase the scope unnecessarily 🙄
020
Reposted by Matías Verdier
Wes Bos @wesbos.com · 11/12/2024
Uploaded it to youtube so we can get an embed → www.youtube.com/watch?v=8327...
youtube.com
Stop using position absolute — use CSS Grid stacking!
YouTube video by Wes Bos
89617
Reposted by Matías Verdier
austin @aparker.io · 12/12/2024
uhc.ceo this was absolutely worth ten bucks
uhc.ceo
32504125
Matías Verdier @matiasverdier.com · 10/12/2024
It's crazy how bad the GitHub UX is A lot of UI getting out of sync when going back a page and having to refresh constantly to have the latest updates But we get used to I guess 😔
020
Matías Verdier @matiasverdier.com · 10/12/2024
Always bet on Tailwind CSS 🚀
030
Reposted by Matías Verdier
MC Squared @mcsquared.bsky.social · 06/12/2024
Billionaires
0142
Reposted by Matías Verdier
Wes Bos @wesbos.com · 05/12/2024
One of the biggest problems with UI development is about to be solved! Customizable <select> brings allows us to create totally custom dropdowns with HTML and CSS. Accessible, gracefully degrades and requires no JS! 4.5 min video explainer + demo → www.youtube.com/watch?v=MA9W...
3259081
Reposted by Matías Verdier
Kelsey Hightower @kelseyhightower.com · 06/12/2024
When I hear people talk about deregulation, what I'm really hearing them say is: "any limitation on harming people is a limitation on profits".
432618615
Reposted by Matías Verdier
Aaron Francis @aaronfrancis.com · 02/12/2024
Some thoughts on this platform, that platform, and the things you carry with you. aaronfrancis.com/2024/reputat...
aaronfrancis.com
Reputation is portable - Aaron Francis
Thoughts on the Twitter to BlueSky migration
3021624
Reposted by Matías Verdier
Astro @astro.build · 03/12/2024
Astro 5.0 is here. Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable. Go see what you can do 👇 astro.build/blog/astro-5/
astro.build
Astro 5.0 | Astro
Astro 5.0 brings exciting new features like the Astro Content Layer for seamless content loading from any source, and Server Islands for effortlessly combining static and dynamic personalized content.
24582158
Matías Verdier @matiasverdier.com · 03/12/2024
Please don't do this Avoid using react state and mouse events to manage hover styles
React component using a state variable isHovering to handle on hover styles and using onMouseEnter and onMouseLeave events to update the variable value
020
Reposted by Matías Verdier
Jhey ʕ·ᴥ· ʔ @jhey.dev · 28/11/2024
you can use CSS to detect not only when a form is :valid but also when it's been interacted with s/:valid/:user-valid 🤙 .group:has(:user-invalid) { --color: var(--invalid); } input:user-invalid + .error { display: block; }
61636
Matías Verdier @matiasverdier.com · 26/11/2024
Preparing the codebase for the migration to Vite and Tailwind I can't wait to get rid of Webpack and MUI
010
Reposted by Matías Verdier
Jay 🦋 @jay.bsky.team · 25/11/2024
Want to use bluesky replies as your blog’s comment section? `npm install bluesky-comments` Built by @coryzue.com
1553166556
Reposted by Matías Verdier
Rob @lloveras.info · 22/11/2024
#reactjs react-scan.million.dev
react-scan.million.dev
React Scan
React Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!
0112
Reposted by Matías Verdier
Tanner Linsley @tannerlinsley.com · 19/11/2024
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
tanstack.com
TanStack Start
Full-document SSR, Streaming, Server Functions, bundling and more, powered by TanStack Router, Vinxi, and Nitro and ready to deploy to your favorite hosting provider.
3378595
Reposted by Matías Verdier
Kelsey Hightower @kelseyhightower.com · 19/11/2024
Just when I thought I've seen it all, a PostgreSQL extension shows up that allows you to embed a SQLite database inside a table. github.com/frectonz/pgl...
Example usage of embedding SQLite inside a Postgres database table.
841030150
Reposted by Matías Verdier
Jared Short @jaredshort.com · 18/11/2024
I built a silly usage of the Bluesky Firehose just to get my feet wet and see what was possible. It's kinda fun to just watch. www.emojirain.lol
emojirain.lol
🌧️ EmojiRain - Live 🦋 Emoji Visualization
It's 🌧️ emojis! 👀 Watch 🦋's emojis rain down in real-time. ✍️ Long posts = 🐌 slow fall!
54544128
Matías Verdier @matiasverdier.com · 16/11/2024
butterfly flash mob - schedule a post to X with a single 🦋 - november 16, 15:00 UTC - you know the first rule of the flash mob invite your friends with your own voice: find a post on why we should move here, quote post it, copy and paste this post text, send
050
Reposted by Matías Verdier
Andy Bell @bell.bz · 15/11/2024
4 panels of images. Top left is a dude hugging a dog, captioned "Developers". The dog is captioned "Developer Experience". There's a sad looking cat in the background.

In the third panel there's a zoomed shot of the cat, labelled "Users trying to load the website you built"
621834
Reposted by Matías Verdier
Jason Lengstorf @jason.energy · 14/11/2024
nothing changed my career for the better more than letting go of the fear of never being good enough and instead embracing the joy of knowing I can always find something to get better at
1220021
Matías Verdier @matiasverdier.com · 14/11/2024
A lot of bug fixes today 💪🏼
000
Reposted by Matías Verdier
Brax 🇵🇸🕊️ CiberDivi🛜🗨️ @braxuss.eu · 14/11/2024
Jajajaja. -Ofrecemos un salario muy competitivo. -¿Cuánto? -No se preocupe, es muy competitivo. Cuénteme sobre sus habilidades. -Tengo muy buenas habilidades. -¿Cuáles? -No se preocupe, son muy buenas. 🤣🤣🤣🤣🤣
youtube.com
Just Trust Me 😏 Mushie & Birdie Phone Interview | Animation Meme | Original Audio: Dennis McCarthy
YouTube video by Under Studio
0287
Matías Verdier @matiasverdier.com · 12/11/2024
Feels good 😌 Next step is making deployments under 5 minutes
GitHub action deployment from 3 months ago that took 18 minutesGitHub action deployment from yesterday that took 9 minutes
000
Reposted by Matías Verdier
Stuart Robson @sturobson.com · 11/11/2024
light-dark() and color-scheme makes things damn easy
a code snippet:

.at-c-card--services {
  background-color: light-dark(var(--color-light), var(--color-darker));
  color: light-dark(var(--color-darker), var(--color-light));
}

.at-c-card--services:nth-of-type(odd) {
  color-scheme: dark;
}a screenshot of nine 'cards' each with a title and some text. Using the CSS in the other image - the odd cards are dark background with light text and the even ones are light background with dark text
1243
Matías Verdier @matiasverdier.com · 11/11/2024
I wasn't expecting that 🤣🤣
000
Reposted by Matías Verdier
James Snell @jasnell.me · 10/11/2024
Rocket Turtle is happier in the big blue sky!
1533
Matías Verdier @matiasverdier.com · 10/11/2024
Ok I'm trying SST now, impossible not to after seeing this piece of art
030
Reposted by Matías Verdier
dax @thdxr.com · 08/11/2024
we have made a decision youtu.be/sg4CnvoI7eg
youtu.be
the decision
YouTube video by SST
15742
Reposted by Matías Verdier
Adam Rackis @adamrackis.bsky.social · 09/11/2024
TanStack Start/Router plus react-query is the 🐐 stack. I don't know how Tanner and his team continue to build things with seamless interop, but I'm grateful they do 🙏 🚀
2023013
Reposted by Matías Verdier
Erin Biba @erinbiba.bsky.social · 09/11/2024
Folks Jack Dorsey has zero to do with Bluesky. Early on he was spouting his usual bullshit about unmoderated platforms and the users chased him off the site. (He doesn’t believe in moderation but can’t handle getting yelled at.) Not long after that he quit the board and washed his hands of the site.
230109012611
Reposted by Matías Verdier
dan @danabra.mov · 08/11/2024
so we better make this place work huh 😅
64143647
Reposted by Matías Verdier
Mark Dalgleish @markdalgleish.com · 08/11/2024
People aren’t going to remember me for CSS Modules. They’re gonna remember me because of this.
1220316
Reposted by Matías Verdier
Saurabh Daware @srbh.dev · 08/11/2024
Hiiii Bluesky friendsss!! I made something for you all 🤗 Presenting `bsky-widget` 🦋 - 💅🏼 Cute profile cards for your websites / blogs - ✨ Supports all frameworks and vanilla setups - 🏗️ Card generator so you can just copy-paste the code Do share your profile cards <3 bsky-widget.saurabhdaware.in
bsky-widget.saurabhdaware.in
Bluesky Widget: Profile Card Generator for Bluesky Profiles 🦋
Bluesky Widget: Cute Bluesky Profile Cards for your websites!!
55732235
Reposted by Matías Verdier
Wes Bos @wesbos.com · 08/11/2024
filter out LinkedIn scrapers with this one easy trick
my linked in says Wes (baracuda) as my first name, the email is addressing me as that.
212089
Reposted by Matías Verdier
patak @patak.cat · 08/11/2024
🦋 kaleidoscope LP
2765
Matías Verdier @matiasverdier.com · 08/11/2024
Starter pack for the Open Web Uruguay community go.bsky.app/EyDsU2Q
141
Reposted by Matías Verdier
patak @patak.cat · 07/11/2024
Unique daily posting users have grown for a week. Yesterday, bluesky had a huge spike. Folks feel welcomed here and then harassed when they share it in X. Tons of stories of people surprised others are showing honest interest in what they share. They're staying. And they're telling others to join 🦋
Unique daily posting users showing a spike yesterday
111258
Matías Verdier @matiasverdier.com · 07/11/2024
LOL
O RLY? Book cover for "Meme-driven Development"
030
Matías Verdier @matiasverdier.com · 05/11/2024
No way 😬
media.tenor.com
Penguin Leaving GIF
Alt: Gif of a Penguin walking away with a suitecase while the text says "I'm out!"
010
Reposted by Matías Verdier
Vite @vite.dev · 05/11/2024
🦋
818021
Reposted by Matías Verdier
pngwn @pngwn.at · 04/11/2024
If we want BlueSky to be fresh start then WE need to start fresh too, that means we need to be intentional about how and when we engage. Let’s build a culture of unabashed positivity, radical gratitude, and constructive criticism. We are all out of excuses here. We can’t blame ‘the algorithm’.
35611
Reposted by Matías Verdier
ButterflyGuy99 @butterflyguy99.bsky.social · 05/11/2024
Elon Musk spells Lone Skum
0143