Yadiel's Avatar

Yadiel

@yadiel.dev.bsky.social

de ๐Ÿ‡ต๐Ÿ‡ท pa'l mundo coffee-powered software engineer in the big apple๐Ÿ—ฝ yadiel.dev

68 Followers  |  280 Following  |  42 Posts  |  Joined: 04.09.2023  |  2.3994

Latest posts by yadiel.dev on Bluesky

Today was my last day at Connect.

Super excited for whatโ€™s next!!

25.07.2025 04:15 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

fuck! I'll be out of town ๐Ÿ˜ข

14.07.2025 15:14 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Something analogous to TypeScript's strict flag, where developers can opt-in, without imposing it on the entire community by default, to a build that only succeeds if all the Rules of React/Hooks are satisfied.

07.07.2025 05:36 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

That's a great point, and the lack of precedent is definitely a huge hurdle. It does make me wonder if a "strict mode" for the compiler could be a viable middle ground.

07.07.2025 05:36 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Hot take: Now that we have the React Compiler, hook rules should be enforced at the compiler level.

I've seen too many codebases just ignore them. I've seen hooks used conditionally, missing deps in arrays, or no eslint-plugin-react-hooks at all. This stuff should be unskippable

03.07.2025 17:11 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Too good! Honestly, that video might've been the final nudge to buy his design tokens course haha @bradfrost.com

25.06.2025 04:28 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I'd say that at least for folks building their DS with Tailwind, these type of components have become kinda unnecessary, maybe unless it's a more complex layout that it's used over and over

At my org we're doing this and it has worked well

20.06.2025 04:04 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

what about a kickstarter/indiegogo campaign?

16.06.2025 15:18 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

3Blue1Brown visual explanations are beautiful

11.06.2025 13:29 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Tried to visit the Next.js docs, typed nextjs.dev by mistakeโ€ฆ and it redirects to the Remix site ๐Ÿ˜‚ whoever set that up is a total troll

03.06.2025 04:29 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

few weeks ago I was in the middle of a technical interview, when I opened the dev tools, it crashed. Back to Chrome

31.05.2025 00:11 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

yes, I implemented it this way, and it just works!

12.05.2025 12:18 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

started from the bottom (useEffect) now we're here (RSC)

08.05.2025 19:26 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

pre-commit hooks are mental illness

07.05.2025 21:48 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I was in the middle of a technical interview when Arc started freezing ๐Ÿ’€

Back to Chrome

06.05.2025 00:07 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

What are RSC's tradeoffs and pain points?

04.05.2025 06:16 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

then, those comments are usually followed by "a SpA iS BeTtEr"

01.05.2025 03:47 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

dreaaam of enshittificatiooon๐ŸŽถ

29.04.2025 15:16 โ€” ๐Ÿ‘ 18    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 1

Great article! I'll def try this strategy.

The only issue I see is if a project uses a dep. for multiple things, ideally I would like it to span multiple categories.

Small side note: package.json supports comments only in Bun, and Deno supports jsonc for their config file

28.04.2025 17:13 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I have given it more thought, I was wrong because we can technically have RSC in an MPA framework; it would be just like the initial page load in a Next app for example, right?

26.04.2025 00:11 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

What about:

Astro is RSC with MPA

25.04.2025 23:55 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

While not entirely sure if it's a RSC-exclusive feature, with RSCs you can have out-of-order streaming which allows you to send everything thatโ€™s fast or done to the browser, and slow components will be streamed in when theyโ€™re done

23.04.2025 20:40 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

As for UX, it can help reducing bundle sizes (call heavy deps on the server and pass the output as props). Also, it can help solving the client the over-fetching problem that GraphQL solves, bc you can fetch data on the server and pass down as props only what's needed. In this sense, it's like a BFF

23.04.2025 20:40 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Instead of frameworks having to implement their own version of "data loader function" that only runs on the server to avoid client-server waterfalls (Remix loaders, Next's getServerSideProps), now you have a framework-agnostic implementation. And we get this following the good ol' component model.

23.04.2025 20:40 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I'll try to not sound like a fan boy, but I do see big DX and UX benefits.

23.04.2025 20:40 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

3. Now weโ€™re in the interactivity multiverse, but I want this to execute on the server. Letโ€™s open a portal back to the server multiverse. The code below will be sucked into the server multiverse. This is "use server".

23.04.2025 02:54 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

2. Does the component need interactivity? Remember, weโ€™re in the server multiverse. Letโ€™s open a portal to the interactivity multiverse. The code below will be sucked into the client multiverse. This is "use client".

23.04.2025 02:54 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

My mental model for why we use a directive to โ€œmarkโ€ client components, but not the other way around (a directive on server components), is this:

1. We start off on the server multiverseโ€”be it the CD server, a long-running Node.js server, etc.

23.04.2025 02:54 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I don't like at all that many people believe that React == Next.js, but then we all saw that server functions were announced in NextConf before any docs on that were written

22.04.2025 19:23 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

both

22.04.2025 18:55 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

@yadiel.dev is following 20 prominent accounts