Legolas (@wlegolas) header
Legolas (@wlegolas) profile picture

Legolas

@wlegolas

Developer at @thoughtworksbr. In love with JavaScript, CSS, React. A11y enthusiast. Loves share knowledge. Likes are only to see later 😉

 Belo Horizonte/Mg/Brasil
legolasdev.wordpress.com
Joined September 2011
  • Tweets3.1K
  • Following1.4K
  • Followers140
8Media
Photo by Legolas (@wlegolas)Photo by Legolas (@wlegolas)Photo by Legolas (@wlegolas)Photo by Legolas (@wlegolas)Photo by Legolas (@wlegolas)
FYI I just shipped a huge improvement to /improve-codebase-architecture It now ships with a glossary of terminology to describe good/bad codebases Essential reading for anyone wanting to improve their codebases: github.com/mattpocock/skills…
37
217
7
3,005
146,511
Passei o fim de semana criando minhas próprias Skills no Claude Code. Resultado: Automatizei 5 tarefas que eu repetia TODO dia. A ideia é economizar 8 horas só essa semana. Aqui está o tutorial completo de como criar suas Skills customizadas (+ exemplo e MCP): 🧵
21
55
2
1,183
119,162
Legolas retweeted
Aiden Bai (@aidenybai) profile picture
Aiden Bai
@aidenybaiFeb 17
Introducing React Doctor Scan your React codebase for anti-patterns: - Unnecessary useEffects - Fix accessibility issues - Prop drilling instead of context / composition Run as a CLI or agent skill. Repeat until passing. Fully open source
346
750
131
10,364
1,082,493
❌ Rendering 10,000 items at once ✅ Rendering only what's visible
15
82
7
1,396
124,428
O Google acaba de lançar cursos gratuitos de IA. Não há taxas de inscrição nem precisas de conhecimentos prévios. Aqui estão 8 cursos que não vais querer perder.
Image from IA João (@MartinsJoa_)
2
101
2
844
45,244
Legolas retweeted
OrcDev (@orcdev) profile picture
OrcDev
@orcdev25 Oct 2025
This tool gives you perfect Tailwind backgrounds in seconds! I'll share all cool open source projects from my friends here on Twitter Started first with @meghtrix 5/100
7
12
1
226
15,989
💡 CSS Tip! In Anchor Positioning, you can use position-area to place an element relatively to its anchor, but there are 36 different positions !? 👀 No one can memorize them all, so I've created an interactive demo from where you can get the code. css-tip.com/position-area/
3
54
2
449
43,138
Legolas retweeted
Taesu (@bytaesu) profile picture
Taesu
@bytaesu2 Sep 2025
I like my custom @DrizzleORM logger. Feels like I’m ruling the database.
Image from Taesu (@bytaesu)
Image from Taesu (@bytaesu)
7
6
221
16,233
Legolas retweeted
shadcn (@shadcn) profile picture
shadcn
@shadcn27 Aug 2025
shadcn CLI 3.0 is now available: support for namespaced registries, advanced authentication, new commands, and a completely rewritten registry engine. Let’s take a look at what’s new ↓
Image from shadcn (@shadcn)
105
221
45
3,025
312,690
Legolas retweeted
OrcDev (@orcdev) profile picture
OrcDev
@orcdev26 Aug 2025
Ok these are the TOOLS (not libraries) TO MAKE @shadcn BEAUTIFUL that I found so far ⚔️ - Tweakcn: Make beautiful Shadcn themes by @iamsahaj_xyz - PatternCraft: Amazing backgrounds just to copy paste by @meghtrix - @v0: Simple prompting makes your UI beautiful - Evil Charts: Awesome animated charts to copy paste by @legionsdev - Spaceman-RTA: Fancy theme changing animations by @TonyEdgal Need 5 more to complete the Top 10 list. What else should I add? 👀
OrcDev (@orcdev) profile pictureOrcDev
@orcdev23 Aug 2025
I'm looking for tools to make @shadcn apps beautiful for my next video. Any suggestions?
9
13
1
263
30,524
You asked, I answered: Here's how to stream 'next question suggestions' using the AI SDK. Get ready for your feed to be full of production-ready patterns like this.
9
30
455
29,532
. @tan_stack Query has 3 amazing new features you should know about! youtu.be/EujzNb2iu3w
3 Amazing New TanStack Query Features!

3 Amazing New TanStack Query Features!

Let's look at useInfiniteQuery, streamedQuery and broadcastQueryCli...

youtube.com
4
11
119
12,533
🧵 It's 3 AM. Your app is making the same API calls thousands of times. Rate limits are hitting. Timeouts everywhere. Your makeshift Map() cache is eating all your RAM. There's a better way. Let me show you how we got 550x faster responses with undici-cache-redis 👇
Image from Matteo Collina (@matteocollina)
7
36
2
363
40,019
If you notice prettier-plugin-tailwindcss isn’t sorting tailwind classes correctly, it’s because starting from v4 you need to specify your CSS entry file. This was driving me crazy 😅
Image from Pasquale Vitiello (@pacovitiello)
12
13
1
305
24,736
Como você lida com erros no Node.js? Se você só usa "throw new Error", pode estar deixando passar muita coisa já que não é possível diferenciar erros esperados dos não-esperados. Uma forma elegante pra iniciantes é nomear cada erro esperado e estender uma classe base 👇🏻
Image from Diego Fernandes (@dieegosf)
2
7
1
103
5,672
Microsoft acaba de lanzar "MCP para principiantes". Diseñado para desarrolladores y desde cero. ✓ Disponible en Español ✓ 25 módulos: fundamentos, servers, devtools... ✓ Ejemplos en Python, JavaScript, C# .NET y Java → github.com/microsoft/mcp-for…
Image from Miguel Ángel Durán (@midudev)
8
413
2
2,378
114,724
CSS Tip 💡 You may not know that we can define rotation using "turn" unit in CSS 🤩👇
9
92
3
718
31,552
Legolas retweeted
dmytro (@pqoqubbw) profile picture
dmytro
@pqoqubbw5 Aug 2025
want to increase the click area without messing up your layout? try `:after` with `position: absolute` + `inset: -{value}px` this creates a larger, invisible hit area around the element, making it easier to click without changing the layout
38
143
14
3,038
326,749
HTML tips you won't see in most tutorials:
60
176
11
1,430
143,358
📚 Got some questions around the `select` option lately: - How to make typed abstractions - How to make sure it doesn't run too often So per my own rules, I had to write a blogpost about it: tkdodo.eu/blog/react-query-s…
React Query Selectors, Supercharged

React Query Selectors, Supercharged

How to get the most out of select, sprinkled with some TypeScript tips.

tkdodo.eu
9
21
1
212
10,107
Load more