teemutaskula.com
Building delightful web apps primarily with React, Node.js and TypeScript 💻📱✨
64 posts
73 followers
499 following
Regular Contributor
Active Commenter
comment in response to
post
CI checks are red,
PRs are stuck,
Tests keep on failing,
Time to level up.
comment in response to
post
The right one
I often hold my phone in my left hand and the floating button can block scrolling when my thumb accidentally hits it while doing the scroll gesture
comment in response to
post
The secret is to use a lib that supports the `styled` api, like pandacss
comment in response to
post
Updated the issue description
comment in response to
post
Okay this is super embarassing... I swear I tried to use `useDeferredValue` with `useReadQuery` and it didn't work but now that I try it in my repro instead of the project code it actually works and the suspense fallback is not shown 😅
However the `isPending` flag doesn't seem to work 🤔
comment in response to
post
@phry.dev I finally found the time to report an issue with a repro about this topic: github.com/apollographq...
Sry for taking so long 😅
comment in response to
post
We didn't use to have these in Finland but some years ago they arrived and they poop everywhere and basically ruin all the parks
comment in response to
post
I did this in a consulting project where they required me to input my hours in three different systems where in one of the systems I had to manually sum the weekly hours myself
Every week I added one extra billable item just for "Marking the hours"
comment in response to
post
Maybe I'm doing it wrong but adding `.toPromise` doesn't seem to help 😅
I tried even to update to React v19 to get async transition support but that didn't change anything.
comment in response to
post
@tkdodo.eu @manuelschiller.bsky.social I would like to better understand what "but are short-circuited by useSyncExternalStore used by the router" actually means in practice? Does it mean that trying to stop router driven suspension with transitions is not a viable solution in Tanstack Router?
comment in response to
post
Thanks for the input @tkdodo.eu 👍
We already have a custom version of `useSuspenseQuery` that handles the re-suspension issue but @phry.dev is it possible to do something similar with `useReadQuery`? Or what would be the best pattern to use Suspense with loaders that are driven by url params?
comment in response to
post
Thanks for the tip 👍
I'll come back to you tomorrow with the results when I'm back at work 😁
comment in response to
post
Is there a way to use `useDeferredValue` with `useReadQuery` in way that the we only ever suspend on the initial render and all subsequent changes to `queryRef` just maintain the old UI and gives some `isSuspending` flag that we can use for inline pending UI?
comment in response to
post
Final Fantasy is one of my all time favorite game franchises but if you have not played any FF games before it can be a bit of an acquired taste
Currently playing FF7 Rebirth and loving it
comment in response to
post
Remedy games like Control and Alan Wake 2 are phenomenal story-wise and the graphics/gameplay is gorgeous
Latest God of War games are incredible but the boss battles can be challenging
Spider-Man games are one of my favorites. So fun to swing around NYC
Ratchet and Clank is beautiful and fun
comment in response to
post
Build-time generated css-in-js styles:
-Panda CSS: panda-css.com
-Pigment CSS: github.com/mui/pigment-...
-StyleX: stylexjs.com
I think the DX and capabilities of these libs are much better compared to Tailwind
comment in response to
post
-Tanstack Router/Start will get much much more popular
-Pendulum will swing towards SPAs from SSR complexity
-Local-first will stay niche
-React 19 will hopefully ship 🤞
-Tailwind will continue to dominate but nextgen css-in-js will catch up
-Use-the-platform folks will continue to be angry
comment in response to
post
Shameless plug 👇
I've made a simple Vite plugin to easily add an animated splash screen to any Vite powered web app:
github.com/Temzasse/vit...
comment in response to
post
What's your take on splash screens?
I think it's a pretty nice solution to the empty page problem with CSR.
People are very used to native app splash screens so I would imagine it's the same for web apps (not for more static sites like news sites, blogs, ecom, etc).
comment in response to
post
CSR
Pretty much only admin type of apps behind a login
comment in response to
post
Wasn't the whole purpose of useEffectEvent to return a stable reference so that it doesn't retrigger effects? Or is the idea that the linter will suggest you to omit/remove a callback created with uEE from the deps array to avoid that problem?
comment in response to
post
Finland 🇫🇮
comment in response to
post
Quickly tested this and `<Link prefetch="intent">` seems to work great 💯👌
Can't find it in the main docs website but it seems to be mentioned in the api reference: api.reactrouter.com/v7/interface...
@markdalgleish.com is that gonna be the primary docs for lower level stuff like components etc?
comment in response to
post
Just converted to 1. during this year from being in team 2. for years