Renato Lacerda
LightNews LightNews
banner
ralacerda.dev
Renato Lacerda
@ralacerda.dev
57 followers 160 following 20 posts
Web Developer, Open Source enthusiast

github.com/ralacerda
linkedin.com/in/renato-ac-lacerda/
Posts Replies Media Videos
ralacerda.dev
@mattpocock.com Do I need to include fields that are "never" in discriminated unions? ChatGPT keep telling me the second one is "safer" but I don't believe it.
A TypeScript code snippet showing two type aliases for defining asynchronous data states. The first type, `State<T>`, is a concise discriminated union with four possible states: - `{ status: "loading" }` - `{ status: "idle" }` - `{ status: "done", data: T }` - `{ status: "error", error: Error }` The second type, `StateVerbose<T>`, shows a more explicit version of the same states, using the `never` type for properties that shouldn't exist in a particular state. For example, in the "loading" state, `data` and `error` are explicitly marked as `never`.
June 14, 2025 at 6:46 PM
ralacerda.dev
Decided to challenge myself and solve @cassidoo.co interview question of the week using types only. It's possible 🤯

This challenge got me so hyped, it was the perfect excuse to write a blog post!

renatolacerda.com/en/blog/vali...
A screenshot of TypeScript code implementing a recursive conditional type called ValidSequence. It validates a readonly array of colors against a union type ValidPairs. The logic recursively checks if each adjacent pair in the input array is present in ValidPairs. Test cases in the image demonstrate its validation for both valid and invalid sequences.
June 10, 2025 at 8:38 PM
ralacerda.dev
Is it crazy to use prefixes for global css classes when using scoped style (vue and svelte)?
- Easier to know where the style is coming from
- Harder to get conflicts
- 0 specificity with :where make it super easy to override it

@w3cj.com & @tolin.ski were talking about hard to find global styles.
Image is a print of the following CSS Code: ``` :where(.g-card) { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1rem; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); background-color: #fff; } ```
February 5, 2025 at 6:03 PM
ralacerda.dev
Copilot reviewer is calling attention to the fetch call without `await`. It suggest adding the `await` keyword, but that means it has to include `async` to the `useEffect` callback, which I don't think is best practices for React.

I'm not a React dev tho, am I wrong?

@joshwcomeau.com @bell.bz
GitHub Copilot code review highlights an unawaited fetch call in a JavaScript file. It suggests using await to prevent unexpected behavior. The call is inside an useEffect call back
October 31, 2024 at 1:47 PM
ralacerda.dev
Bluesky now has over 10 million users, and I was #1,911,565!
September 16, 2024 at 9:59 PM