Raphael Gomide
LightNews LightNews
rgomide.bsky.social
Raphael Gomide
@rgomide.bsky.social
6 followers 27 following 0 posts
Dev, JS, TS, Node, React, Remix, Next
Posts Replies Media Videos
Reposted by Raphael Gomide
handle.invalid
Just discovered the operator lookup page by
@joshwcomeau.com
at joshwcomeau.com/operator-loo.... It provides a great overview of the operators present in JavaScript and TypeScript.
Operator Lookup - Search JavaScript Operators
Friendly tutorials for developers. Focus on React, CSS, Animation, and more!
joshwcomeau.com
April 23, 2025 at 2:01 PM
Reposted by Raphael Gomide
addyosmani.bsky.social
Introducing "Copy console" in Chrome DevTools: one-click copy all console messages.

Useful for pasting into LLMs / AI Code Editors for better fixes.
Introducing "Copy console" in @ChromeDevTools: one-click copy all console messages. Useful for pasting into LLMs / AI Code Editors for better fixes.
January 23, 2025 at 5:02 PM
Reposted by Raphael Gomide
wesbos.com
One of the biggest developer productivity gains is learning how to efficiently navigate through a codebase

If you are using the file sidebar + search to navigate around, I've got 15 techniques that will reframe and make you absolutely fly in VS Code and Cursor

www.youtube.com/watch?v=c0HO...
January 14, 2025 at 2:47 PM
Reposted by Raphael Gomide
addyosmani.bsky.social
Want fireworks in your terminal? ❤️ Try `npx firew0rks`

Source: github.com/addyosmani/f...
Fireworks in your terminal
January 1, 2025 at 12:26 AM
Reposted by Raphael Gomide
thdxr.com
this new naughty dog game trailer is so sick
Intergalactic: The Heretic Prophet - Announcement Trailer | PS5 Games
YouTube video by PlayStation
www.youtube.com
December 13, 2024 at 4:28 AM
Reposted by Raphael Gomide
wesbos.com
hoooly smokes! Midscene.js writes UI automation tests by using natural language. Hooks into puppeteer/playwright, or control any website via the chrome extension.

Watch this video, I asked it this:

Open the search bar

type "react server components "

click the first result

play the episode
December 4, 2024 at 12:02 AM
Reposted by Raphael Gomide
tkdodo.eu
📚 Had to post this a lot on the other platform lately and apparently, it blows people's mind that this is possible. I wrote it over 2 years ago, and callback refs will only get better in v19 because they will get cleanup functions. Have a read:

tkdodo.eu/blog/avoidin...
Avoiding useEffect with callback refs
Interacting with DOM nodes doesn't necessarily need useEffect
tkdodo.eu
November 22, 2024 at 8:05 AM
Reposted by Raphael Gomide
kentcdodds.com
My toxic trait is I will do just about anything to make certain there's no flash of changed content between when the document loads and the JavaScript executes.
And it drives me insane when I see other sites that don't care about that as much as I do.
November 7, 2024 at 11:25 PM
Reposted by Raphael Gomide
housecor.com
Tanstack query is awesome for fetching and caching data.

But, it's broader than that. It's an *async state* library.

Example: Here's a custom React Query hook for checking if a device's camera or audio input is available.
import { useQuery } from "@tanstack/react-query"; type Status = "loading" | "error fetching" | "no devices found" | "available"; export const useMediaAvailability = (kind: MediaDeviceKind) => useQuery({ queryKey: ["mediaAvailability", kind], queryFn: async (): Promise<Status> => { try { const mediaDevices = await navigator.mediaDevices.enumerateDevices(); const cameraDevices = mediaDevices.filter((device) => device.kind === kind); if (cameraDevices.length && cameraDevices.some((d) => d.label)) { return "available"; } return "no devices found"; } catch (error) { return "error fetching"; } }, });
November 6, 2024 at 9:20 PM