siberiacancode

🧊 Devs from Siberia building open-source tools.
reactuse TypeScript-first.

[siberiacancode @de_babin]

https://t.co/QWgno2qK59

[siberiacancode @de_babin]

reactuse v1.0.15 — useImage got a full rewrite 🖼

It's now a standalone hook built on a native Image by default, not fetch api

The primitive behind avatar components: show a fallback until the image is ready.

https://t.co/ETg79qBHMa

[siberiacancode @de_babin]

https://t.co/fT2bM5oPkj

[siberiacancode @de_babin]

https://t.co/En8IOw5NZS So my previous post about ChatGPT adding an SSR check inside useEffect suddenly makes a lot more sense: AI didn’t invent this pattern — it’s literally being taught to write it.

[siberiacancode @de_babin]

ChatGPT—the top-tier model—literally gave me an SSR check inside `useEffect`;

[siberiacancode @de_babin]

I recently did a breakdown of Vercel React Best Practices — one of the most popular rule sets people now feed into AI agents for writing React code. And it literally recommends checking typeof window !== 'undefined' inside useEffect.

[siberiacancode @de_babin]

@shadcn let's work guys

[siberiacancode @de_babin]

It’s already been two years since I submitted a simple PR for shadcn/ui 🫠

https://t.co/GsYc69KYdL

[siberiacancode @de_babin]

@shadcn check this pls 👉��

[siberiacancode @de_babin]

@boshen_c huge

[siberiacancode @de_babin]

https://t.co/t9UlKoaUeq

React Compiler is now enabled by default in @vitejs/plugin-react.

[siberiacancode @de_babin]

The point isn't just "turn the camera on" — it's control.

start, stop, restart, and apply() to change constraints live. Plus active / loading / supported state, so your UI always knows where the stream is.

[siberiacancode @de_babin]

More on useMediaStream

Swap camera constraints live with apply() — change resolution or flip front/back camera without tearing down the stream.

[siberiacancode @de_babin]

Put a live camera feed in your React app 📸

useMediaStream wraps getUserMedia — attach the ref to a <video>, call start(), and you've got the webcam streaming. Stop, restart & swap constraints included.

Built on the getUserMedia API

https://t.co/aFscCaBFCp #webdev

[siberiacancode @de_babin]

https://t.co/bEXSTUNFbk

[siberiacancode @de_babin]

Your web app can make the phone buzzzzzzzzz

useVibrate triggers device vibration with one call — great for game feedback, alerts or confirming an action on mobile.

Built on the Vibration API

https://t.co/aFscCaBFCp #webdev

[siberiacancode @de_babin]

The fix

Seeding moved out of the useState initializer into a mount effect — and it only writes keys that are actually missing from the URL.

Pure render, existing params untouched.

Update 👇 https://t.co/aFscCaBFCp

[siberiacancode @de_babin]

reactuse v1.0.13 is out 🩹

The fix: useUrlSearchParam & useUrlSearchParams were writing to the URL during render.

On Next.js App Router that broke navigation and threw the "update a component while rendering" warning 👇

[siberiacancode @de_babin]

New @coolifyio design is huge

[siberiacancode @de_babin]

reactuse just crossed 10,000 weekly downloads on npm

From a side project to 10K devs a week reaching for these hooks. Zero dependencies, fully typed, still growing.

Thank you to everyone shipping with it 🖤

https://t.co/aFscCaBFCp