Sabin Marcu

[Sabin Marcu @sabinmarcu]

Guess who I bumped into on the flight back. The most theatrical presentation and most gripping live demo of #jsheroes2025, @shai_reznik everyone!

[Addy Osmani @addyosmani]

This is a phenomenal web demo. Enabled by window.getScreenDetails() which provides basic live info (size, position etc) from all screens on the device.

[zack @zack_overflow]

I wrote a 2D game, entirely in type-level Typescript.

Yes, you read that right. This is flappy bird, written only in Typescript types.

How did I do it? It involves a lot of type magic, and a new type-level Typescript runtime I made in Rust + Zig.

Let me walk you through it:

[Cory House @housecor]

CSS Viewport height is complicated.

Summary:
lvh: Largest viewport height (when browser UI is hidden)

svh: Smallest viewport height (when browser UI is visible)

dvh: Dynamically changes when browser UI is shown

Image via @argyleink

[CodeSandbox @codesandbox]

We're thrilled to announce and open source Sandpack! 🎉

Sandpack is a toolkit for building live coding experiences that run fully in the browser.

👩‍💻 Full-featured editor experience
⚡️ Lightning-fast browser bundler
📦 Direct CodeSandbox integration

https://t.co/dMEKExtUS4

[Addy Osmani @addyosmani]

Tip: @ChromeDevTools can visualize backend performance with Server Timing: https://t.co/iAtwKmsUzL. Used by sites like the BBC: https://t.co/fCX9QzAj4V

[Sabin Marcu @sabinmarcu]

And this is why I could never really get into tailwind

[Joel Thoms @joelnet]

tailwind css be like add a small button

[PC Gamer @pcgamer]

New World's approach to swimming is... unusual. https://t.co/3iylWsdHzu

[rauno @raunofreiberg]

A minimap for the web? Try it in Firefox!

https://t.co/XRt6UMyLKF

[Sarah Dayan @frontstuff_io]

LOL "Staff Software Engineer" 🤦🏻‍♀️

[Seb ⚛️ ThisWeekInReact.com @sebastienlorber]

This week in React

👉 Mitosis
👉 useMemo
👉 Sep of Concerns
👉 Storybook + Testing lib
👉 Next.js optim
👉 Recoil v0.4
👉 RN or Flutter?
👉 RN-Screens v3.5
👉 SO survey
👉 Jetpack Compose v1
👉 Yarn v3
👉 Sprinkles v1
👉 CSS Nesting spec draft

🧵 Details 👇

[Tomek Sułkowski @sulco]

#CSS tip for today:

`font-variant-numeric` and `font-feature-setting` CSS properties allow to activate same-width numbers for a font.

Use them to make your counters less jumpy, and values nicely aligned.

[Prefect @PrefectIO]

It's our most-requested feature ever... and now the Prefect UI is open-source! 🎉

Run `prefect server start` to get going - it's really that easy.

https://t.co/oNebWlZNNu

[RxDB | JavaScript Database @rxdbjs]

While all these dbs are made for servers,
RxDB is a realtime database made for JavaScript UI apps like websites, hybrid apps or electron.
You can subscribe to events, queries or a single field of a document. It also has replication over GraphQL and CouchDB
https://t.co/UyZTdtX3z5

[Addy Osmani @addyosmani]

📢 quicklink 2.0 is out!

⚡️ <1KB library to speed next-page navigations by prefetching in-viewport links. Can now...

⚛️ Prefetch React Router routes + JS
#️⃣ Set limits on total requests to prefetch
🔢 Set limits for simultaneous requests

Try it: https://t.co/cInyfLGBTJ 👈

[Addy Osmani @addyosmani]

React Fast Refresh is coming to the web!

⌨️ Hot reloading that *preserves* component state
⚠️ Better recovery from runtime errors
⚛️ Supports Hooks & function components

To learn more see:
https://t.co/quaT9OkOUZ
https://t.co/nMfxI6SNeZ