Legolas

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

[Matt Pocock @mattpocockuk]

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:

https://t.co/mz3BRV044f

[Adriano Viana @adriano_viana]

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): 🧵

[Legolas @wlegolas]

@itsolelehmann Cowork

[Aiden Bai @aidenybai]

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

[George Moller @_georgemoller]

❌ Rendering 10,000 items at once

✅ Rendering only what's visible

[IA João @MartinsJoa_]

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.

[OrcDev @orcdev]

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

[CSS by T. Afif @ChallengesCss]

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

https://t.co/2urCahrQNn

[Taesu @bytaesu]

I like my custom @DrizzleORM logger.
Feels like I’m ruling the database.

[shadcn @shadcn]

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 ↓

[OrcDev @orcdev]

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? 👀

[Matt Pocock @mattpocockuk]

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.

[Jack Herrington @jherr]

. @tan_stack Query has 3 amazing new features you should know about! https://t.co/bbP5xev0wW

[Matteo Collina @matteocollina]

🧵 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 👇

[Pasquale Vitiello @pacovitiello]

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 😅

[Diego Fernandes @dieegosf]

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 👇🏻

[Miguel Ángel Durán @midudev]

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

→ https://t.co/0PXGprZPZg

[Shripal Soni @codewithshripal]

CSS Tip 💡

You may not know that we can define rotation using "turn" unit in CSS 🤩👇

[dmytro @pqoqubbw]

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

[Marko Denic @denicmarko]

HTML tips you won't see in most tutorials: