atomrc's profile picture. Front-End Architect  🤘

I leave code cleaner than I found it.

Thomas Belin

@atomrc

Front-End Architect 🤘 I leave code cleaner than I found it.

Thomas Belin reposted

New blog post! Let's move to ESM! 😈 antfu.me/posts/move-on-…


Thomas Belin reposted

Are you using tsx to import source files across workspace packages? You may be making expensive trade-offs without realizing it Here's a breakdown of the risks and better alternatives: 👉 hirok.io/posts/importin…


It just occurred to me that I am, regularly, reading the most rust-themed children's book ever to my 1.5y-o son: "don't `panic!` little crab" He got an early kick start into rust 😎 #rust

atomrc's tweet image. It just occurred to me that I am, regularly, reading the most rust-themed children's book ever to my 1.5y-o son: 

"don't `panic!` little crab"

He got an early kick start into rust 😎
#rust

Thomas Belin reposted

Hot take: singleton is an anti-pattern.


After 2 weeks using only @zeddotdev (switching from vscode), I can say that I really like it. It feels so snappy and responsive!! I can only recommend giving it a try ✨


Thomas Belin reposted

I just wrote a massive guide to creating and publishing a package on npm. It goes from an empty directory to a production-ready setup. It's over 4,000 words, and has a 14-minute walkthrough video. Want the juicy bits? Time for a thread 👇 🧵

mattpocockuk's tweet image. I just wrote a massive guide to creating and publishing a package on npm.

It goes from an empty directory to a production-ready setup.

It's over 4,000 words, and has a 14-minute walkthrough video.

Want the juicy bits? Time for a thread 👇 🧵

Thomas Belin reposted

📚 I like xstate/store so much that I will probably use it over zustand the next chance I get. I wrote about the reasons in this blog post: tkdodo.eu/blog/introduci…


Thomas Belin reposted

📝 JavaScript garbage collection doesn't work how I expected when it comes to closures. TIL! jakearchibald.com/2024/garbage-c…


Thomas Belin reposted

Useful thing to remember when climbing the ladder: The people above you are not as good as you think they are. No one is supernatural.


Thomas Belin reposted

Folks you probably want to actually get the update from my personal blog which INCLUDES UPDATES: lirantal.com/blog/zero-depe… Sadly, the hashnode syndication is unhelpful because it doesn't pick up on edits I push on my own blog


Thomas Belin reposted

TypeScript 5.6 beta brings a sweet new feature - the ability to spot faulty logic in your if statements. SO many subtle will be prevented by this. Really nice stuff.

mattpocockuk's tweet image. TypeScript 5.6 beta brings a sweet new feature - the ability to spot faulty logic in your if statements.

SO many subtle will be prevented by this. Really nice stuff.

Thomas Belin reposted

📜 DRY – the common source of bad abstractions - @Swizec Greatly illustrates how React devs could end up creating the wrong abstraction Popular React UI libraries learned over the year to not over-abstract, giving you more flexibility swizec.com/blog/dry-the-c…

sebastienlorber's tweet image. 📜 DRY – the common source of bad abstractions - @Swizec 

Greatly illustrates how React devs could end up creating the wrong abstraction

Popular React UI libraries learned over the year to not over-abstract, giving you more flexibility

swizec.com/blog/dry-the-c…

Thomas Belin reposted

Okay, listen. If you're going to fetch in useEffect(...), you should at least make sure that you're handling: - Loading states - Error handling (rejections & HTTP error codes) - Race conditions & cancellation This isn't over-engineering. It's the minimum code to prevent bugs.

DavidKPiano's tweet image. Okay, listen. If you're going to fetch in useEffect(...), you should at least make sure that you're handling:

- Loading states
- Error handling (rejections & HTTP error codes)
- Race conditions & cancellation

This isn't over-engineering. It's the minimum code to prevent bugs.

Thomas Belin reposted

Playing guitar tablatures in Rust agourlay.github.io/ruxguitar-tabl…


Thomas Belin reposted

✍️ New Guide: CSS Grid Areas I wrote a new ✨ interactive ✨ guide that explores CSS grid areas, line numbers, line names, and includes many interactive examples to experiment with. Happy learning! 🔗 ishadeed.com/article/css-gr…


Thomas Belin reposted

A Zod misuse I've noticed: Validating function args. Zod is for validating runtime input: - URL params - HTTP Responses - localStorage - Cookies - Reading from files Avoid using Zod to validate function args. The args are already strongly typed by TypeScript itself.

housecor's tweet image. A Zod misuse I've noticed: Validating function args.

Zod is for validating runtime input:

- URL params
- HTTP Responses
- localStorage
- Cookies
- Reading from files

Avoid using Zod to validate function args. The args are already strongly typed by TypeScript itself.

Thomas Belin reposted

Here's a beautiful piece of TS code to get the indexes of any 'as const' array.

mattpocockuk's tweet image. Here's a beautiful piece of TS code to get the indexes of any 'as const' array.

Thomas Belin reposted

Fade elements in and out on scroll in a window with CSS? ✅ ul { scroll-padding-inline: 200px; } article { animation: highlight; animation-timeline: view(inline); } @​keyframes highlight { entry 0%, exit 100% { opacity: 0; } entry 100%, exit 0% { opacity: 1; } } cc @adamwathan

Little scroll-driven animation challenge for anyone who really knows how the hell this stuff works! Watch the video with sound for an explanation of what I'm trying to do: youtube.com/watch?v=ELF0IZ…

adamwathan's tweet card. Scroll-driven animation challenge

youtube.com

YouTube

Scroll-driven animation challenge



Anyone with experience with webgl? I have a question about sharing texture between different programs :) stackoverflow.com/q/78586142/274…


Loading...

Something went wrong.


Something went wrong.