François Best
@francoisbest.com
Freelance web developer, open-sourcerer, speaker.
Building `nuqs`, a type-safe search params state manager for React frameworks:
🔗 https://nuqs.dev
🦋 @nuqs.dev
🎥 youtube.com/@47ng-dev
🟣 twitch.tv/fortysevenfx
🏠 francoisbest.com
Building `nuqs`, a type-safe search params state manager for React frameworks:
🔗 https://nuqs.dev
🦋 @nuqs.dev
🎥 youtube.com/@47ng-dev
🟣 twitch.tv/fortysevenfx
🏠 francoisbest.com
TIL the GraphQL explorer was removed from the @github.com docs (I should have read the warning).
It's a shame, it was handy to quickly try out queries without fiddling with access tokens.
Anybody has a good macOS GraphQL client to recommend? Preferably native & OSS 🙏
It's a shame, it was handy to quickly try out queries without fiddling with access tokens.
Anybody has a good macOS GraphQL client to recommend? Preferably native & OSS 🙏
November 23, 2025 at 5:25 AM
TIL the GraphQL explorer was removed from the @github.com docs (I should have read the warning).
It's a shame, it was handy to quickly try out queries without fiddling with access tokens.
Anybody has a good macOS GraphQL client to recommend? Preferably native & OSS 🙏
It's a shame, it was handy to quickly try out queries without fiddling with access tokens.
Anybody has a good macOS GraphQL client to recommend? Preferably native & OSS 🙏
Let me know how it goes! (and thanks for the quote 🫶)
Pro tip: setting a default value makes the state non-nullable, so you can simplify this code block by:
- Removing the nullish coalescing on read
- Removing the ˋ|| null` on write (setting to the default value clears the key from the URL).
Pro tip: setting a default value makes the state non-nullable, so you can simplify this code block by:
- Removing the nullish coalescing on read
- Removing the ˋ|| null` on write (setting to the default value clears the key from the URL).
![export function SearchInput(props: React.ComponentProps<'input'>) {
// Create a query state for `q`, with default as empty string or null
const [q, setQ] = useQueryState('q', { defaultValue: '' });
return (
<input
{...props}
value={q ?? ''} // sync input value to query state
onChange={(e) => {
setQ(e.target.value || null);
// Passing `null` removes the param from URL
}}
type="search"
/>
);
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:rfoxp4hc5fgthjfaaigyw3c2/bafkreigy33ldjzfkymzgmzhsawxhjdjfhudx6l4kvterojwcrout5rag4q@jpeg)
November 22, 2025 at 9:19 AM
Let me know how it goes! (and thanks for the quote 🫶)
Pro tip: setting a default value makes the state non-nullable, so you can simplify this code block by:
- Removing the nullish coalescing on read
- Removing the ˋ|| null` on write (setting to the default value clears the key from the URL).
Pro tip: setting a default value makes the state non-nullable, so you can simplify this code block by:
- Removing the nullish coalescing on read
- Removing the ˋ|| null` on write (setting to the default value clears the key from the URL).
November 19, 2025 at 9:33 PM
I would have been really mad if that had worked 😅
![> const b = Array(2)
undefined
> b
[ <2 empty items> ]
> u.set('x', b[0])
undefined
> u.toString()
'x=undefined&y=undefined'
>](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:rfoxp4hc5fgthjfaaigyw3c2/bafkreibsxgdbgbov6o4gqu4zh2ppt4jt4wya5szr3ofyuflromfcjuupke@jpeg)
November 16, 2025 at 7:40 AM
I would have been really mad if that had worked 😅
It pains me we have to do custom URL serialisation when we want "flags" (key-only search params, without the equal sign). 😓
November 16, 2025 at 7:37 AM
It pains me we have to do custom URL serialisation when we want "flags" (key-only search params, without the equal sign). 😓
The @nuqs.dev @shadcn.com registry now has an RSS feed 📡
✨ Get notified when we drop a new adapter, parser or utility
🐞 or when we push updates & bug fixes
nuqs.dev/registry
It now contains community adapters, to one-command install nuqs in:
⛩️ Waku
🐘 Inertia
🥇 One.js
📱 Expo Router (coming soon)
✨ Get notified when we drop a new adapter, parser or utility
🐞 or when we push updates & bug fixes
nuqs.dev/registry
It now contains community adapters, to one-command install nuqs in:
⛩️ Waku
🐘 Inertia
🥇 One.js
📱 Expo Router (coming soon)
November 13, 2025 at 12:13 PM
The @nuqs.dev @shadcn.com registry now has an RSS feed 📡
✨ Get notified when we drop a new adapter, parser or utility
🐞 or when we push updates & bug fixes
nuqs.dev/registry
It now contains community adapters, to one-command install nuqs in:
⛩️ Waku
🐘 Inertia
🥇 One.js
📱 Expo Router (coming soon)
✨ Get notified when we drop a new adapter, parser or utility
🐞 or when we push updates & bug fixes
nuqs.dev/registry
It now contains community adapters, to one-command install nuqs in:
⛩️ Waku
🐘 Inertia
🥇 One.js
📱 Expo Router (coming soon)
Huge thanks to @sentry.io & @codecov.bsky.social for sponsoring me through thanks.dev 💖
The project is an interesting take on OSS funding:
1. 🔌 connect your repository
2. 📦 it finds the dependencies you use
3. 💵 you support their maintainers
Every step towards doing OSS full-time helps, thanks! 🫶
The project is an interesting take on OSS funding:
1. 🔌 connect your repository
2. 📦 it finds the dependencies you use
3. 💵 you support their maintainers
Every step towards doing OSS full-time helps, thanks! 🫶
November 12, 2025 at 1:09 PM
Huge thanks to @sentry.io & @codecov.bsky.social for sponsoring me through thanks.dev 💖
The project is an interesting take on OSS funding:
1. 🔌 connect your repository
2. 📦 it finds the dependencies you use
3. 💵 you support their maintainers
Every step towards doing OSS full-time helps, thanks! 🫶
The project is an interesting take on OSS funding:
1. 🔌 connect your repository
2. 📦 it finds the dependencies you use
3. 💵 you support their maintainers
Every step towards doing OSS full-time helps, thanks! 🫶
OMG, TIL, thank you so much! 🙌
November 12, 2025 at 9:46 AM
OMG, TIL, thank you so much! 🙌
I tried lazygit yesterday, getting slowly pilled on it, but this is the cherry on top: it would also have prevented this 🙌
Archive as the website got the HN hug of death:
web.archive.org/web/20251111...
Archive as the website got the HN hug of death:
web.archive.org/web/20251111...
November 12, 2025 at 8:42 AM
I tried lazygit yesterday, getting slowly pilled on it, but this is the cherry on top: it would also have prevented this 🙌
Archive as the website got the HN hug of death:
web.archive.org/web/20251111...
Archive as the website got the HN hug of death:
web.archive.org/web/20251111...
I approve this message.
November 8, 2025 at 10:04 PM
I approve this message.
What is this travesty?! 😱
Intl.ListFormat('en-GB') doesn't use the Oxford comma, but en-US does 🙃
developer.mozilla.org/en-US/docs/W...
Intl.ListFormat('en-GB') doesn't use the Oxford comma, but en-US does 🙃
developer.mozilla.org/en-US/docs/W...
November 7, 2025 at 9:12 PM
What is this travesty?! 😱
Intl.ListFormat('en-GB') doesn't use the Oxford comma, but en-US does 🙃
developer.mozilla.org/en-US/docs/W...
Intl.ListFormat('en-GB') doesn't use the Oxford comma, but en-US does 🙃
developer.mozilla.org/en-US/docs/W...
TIL about SVG pathLength, thank you.
It might be handy to replicate this partial line effect with Recharts v3 (which removed support for accessing the internal state to compute the length directly).
It might be handy to replicate this partial line effect with Recharts v3 (which removed support for accessing the internal state to compute the length directly).
November 3, 2025 at 1:06 PM
TIL about SVG pathLength, thank you.
It might be handy to replicate this partial line effect with Recharts v3 (which removed support for accessing the internal state to compute the length directly).
It might be handy to replicate this partial line effect with Recharts v3 (which removed support for accessing the internal state to compute the length directly).
Of course it's @ssalbdivad.dev behind it, going to take a look, thanks!
October 31, 2025 at 3:26 PM
Of course it's @ssalbdivad.dev behind it, going to take a look, thanks!
Post-conf weekend project: adding support for the @shadcn.com CLI in @nuqs.dev to install:
- parsers
- adapters
- little snippets that make more sense to vendor into your codebase & tweak as needed
First one is the utility I showed in my talk for type-safe linking (with typedRoutes) in @nextjs.org
- parsers
- adapters
- little snippets that make more sense to vendor into your codebase & tweak as needed
First one is the utility I showed in my talk for type-safe linking (with typedRoutes) in @nextjs.org
October 26, 2025 at 6:02 PM
Post-conf weekend project: adding support for the @shadcn.com CLI in @nuqs.dev to install:
- parsers
- adapters
- little snippets that make more sense to vendor into your codebase & tweak as needed
First one is the utility I showed in my talk for type-safe linking (with typedRoutes) in @nextjs.org
- parsers
- adapters
- little snippets that make more sense to vendor into your codebase & tweak as needed
First one is the utility I showed in my talk for type-safe linking (with typedRoutes) in @nextjs.org
This week has been insane.
- 🥇 We won the @clerk.com hackathon
- 🗣️ I spoke at @nextjs.org conf about @nuqs.dev
- 🫶 I met a ton of wonderful folks IRL for the first time, along with old friends
Bye bye SF, it's been a blast 👋🛫
- 🥇 We won the @clerk.com hackathon
- 🗣️ I spoke at @nextjs.org conf about @nuqs.dev
- 🫶 I met a ton of wonderful folks IRL for the first time, along with old friends
Bye bye SF, it's been a blast 👋🛫
October 24, 2025 at 5:59 PM
This week has been insane.
- 🥇 We won the @clerk.com hackathon
- 🗣️ I spoke at @nextjs.org conf about @nuqs.dev
- 🫶 I met a ton of wonderful folks IRL for the first time, along with old friends
Bye bye SF, it's been a blast 👋🛫
- 🥇 We won the @clerk.com hackathon
- 🗣️ I spoke at @nextjs.org conf about @nuqs.dev
- 🫶 I met a ton of wonderful folks IRL for the first time, along with old friends
Bye bye SF, it's been a blast 👋🛫
October 20, 2025 at 5:27 AM
Thanks for the ping! 🫶
You could make a custom parser for doing the compression (on serialize) /decompression (on parse).
You could make a custom parser for doing the compression (on serialize) /decompression (on parse).
October 20, 2025 at 5:10 AM
Thanks for the ping! 🫶
You could make a custom parser for doing the compression (on serialize) /decompression (on parse).
You could make a custom parser for doing the compression (on serialize) /decompression (on parse).
Weekend project: digging into Recharts internals to replicate the dashed partial line graph in v3, as the internal state model has changed and we can’t do the same trick as before.
October 19, 2025 at 1:46 PM
Weekend project: digging into Recharts internals to replicate the dashed partial line graph in v3, as the internal state model has changed and we can’t do the same trick as before.
And that's actually something I don't like about React: getting useless errors, like "some hydration error occured". Where, why, who knows? 🤷♂️
Some errors in nuqs have context injected, but for those we could use search params on the error link actually 👀
Some errors in nuqs have context injected, but for those we could use search params on the error link actually 👀
October 18, 2025 at 3:57 PM
And that's actually something I don't like about React: getting useless errors, like "some hydration error occured". Where, why, who knows? 🤷♂️
Some errors in nuqs have context injected, but for those we could use search params on the error link actually 👀
Some errors in nuqs have context injected, but for those we could use search params on the error link actually 👀
OIDC trusted publishing is coming to semantic-release! 🙌
Going to test that today, really looking forward to saying farewell to long-lived NPM tokens. 👋
Going to test that today, really looking forward to saying farewell to long-lived NPM tokens. 👋
October 16, 2025 at 7:05 AM
OIDC trusted publishing is coming to semantic-release! 🙌
Going to test that today, really looking forward to saying farewell to long-lived NPM tokens. 👋
Going to test that today, really looking forward to saying farewell to long-lived NPM tokens. 👋
Being consistent in making videos is hard when already juggling freelance work, OSS and family time.
But every little step is appreciated 🫶
youtube.com/@47ng-dev
But every little step is appreciated 🫶
youtube.com/@47ng-dev
October 15, 2025 at 10:56 AM
Being consistent in making videos is hard when already juggling freelance work, OSS and family time.
But every little step is appreciated 🫶
youtube.com/@47ng-dev
But every little step is appreciated 🫶
youtube.com/@47ng-dev
