Joel Mathew Koshy

Software Engineer @ Scelta | Open Source @ ESLint | UWindsor

[not just pixels @getifyX]

ahem... I've been saying we should name functions to explain their purpose (instead of anonymous/arrow) for...checks notes... 14 years now.

[shadcn @shadcn]

I see. In that case, I suggest NOT starting with shadcn/ui. Start here instead:

1. Build a simple component with React. Most probably a form.
2. Use the default input and button component. Make it work.
3. Realize the default button doesn’t look that great.
4. Add some Tailwind classes to the button, padding, font size, colors, just enough to make decent.
5. Add a second button, maybe a "Reset" or "Cancel". Style it. Keep building.
6. You'll start seeing a pattern. Repeating classes and props.
7. Move your two buttons to components/ui/button.tsx. Import and use in your form.
8. You now have a reusable button.tsx styled with Tailwind. Keep building.
9. Do the same for input, textarea and so on.
10. You're now building shadcn/ui.

Once you’ve done this, you’ll get it. For your next project, instead of doing the above again, you just run the following. It’s the exact same thing.

> npx shadcn add button input textarea

[ThePrimeagen @ThePrimeagen]

how did i code all day and not notice that anything was down?

[Barça Universal @BarcaUniversal]

GIVE HIM THE BALLON D’OR!

[Forrest Knight @ForrestPKnight]

you're not allowed to write comments in your code anymore, because if you do everyone will just think it's ai generated.

[Nicholas C. Zakas @slicknet]

ESLint featured in three different talks!

[Joel Mathew Koshy @Rec0iL99]

just vibe coded my portfolio site that I have been procrastinating for a while now.

gonna start blogging with this site too!

[Barça Universal @BarcaUniversal]

Iñigo Martínez probably won La Liga for Barcelona with that tackle. 🛡️

[Anders Hejlsberg @ahejlsberg]

Thrilled to announce... https://t.co/bC9ZVGfDco

[terminally onλine εngineer @tekbog]

i cant believe ChatGPT lost its job to AI

[FC Barcelona @FCBarcelona]

OH MY GODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[Joel Mathew Koshy @Rec0iL99]

@NVIDIAStudio #GeForceGreats

[Next.js @nextjs]

Next.js 15.1

• React 19 (stable)
• Improved errors and source maps
• `after` (stable)
• `forbidden` / `unauthorized` (experimental)
• CSS inlining (experimental)

https://t.co/fDfxYCgWWi

[Nicholas C. Zakas @slicknet]

I don’t believe in OSS projects competing with one another. When I created ESLint, it wasn’t to compete with JSHint, it was to solve a previously unsolved problem (custom rules).

Make something useful. Keep findings ways to make it more useful. That’s it.

[Joel Mathew Koshy @Rec0iL99]

@zanehengsperger looking for software developers?

[ESLint @geteslint]

Thanks to @Airbnb for upgrading from a gold sponsor to a platinum sponsor! We are humbled and grateful for your continuing support. 🙏

[𝔻𝕣𝕒𝕪 @sammy__dray]

What is the 1:1 rule in La Liga and how has this affected Barcelona?

A THREAD

[Nicholas C. Zakas @slicknet]

So excited. Just got a prototype of ESLint language plugins working. Successfully linted a JSON file with a custom rule, importantly, *without* having it go through the same logic that JavaScript uses, making it much more efficient and less error-prone.

[ESLint @geteslint]

If you're a plugin creator looking to upgrade your rules to work with both ESLint v9.x with backwards compatibility to ESLint v8.x, the new release of eslint-transforms can automate most of the work:

https://t.co/azxR08dKMf

[ESLint @geteslint]

Introducing the ESLint Configuration Migrator:
https://t.co/3HEQepXalU