Teemu Taskula
@teemutaskula.com
Building delightful web apps primarily with React, Node.js and TypeScript 💻📱✨
Reposted by Teemu Taskula
New React Aria release! 🎁
🔎 Autocomplete alpha
📽️ CSS transition support in addition to keyframes
📆 Custom Calendar first day of week
🧪 Unit test utility package for ARIA patterns
🎯 Removed custom hit testing in usePress
🐞 and plenty of bug fixes!
react-spectrum.adobe.com/releases/202...
🔎 Autocomplete alpha
📽️ CSS transition support in addition to keyframes
📆 Custom Calendar first day of week
🧪 Unit test utility package for ARIA patterns
🎯 Removed custom hit testing in usePress
🐞 and plenty of bug fixes!
react-spectrum.adobe.com/releases/202...
January 15, 2025 at 7:35 PM
New React Aria release! 🎁
🔎 Autocomplete alpha
📽️ CSS transition support in addition to keyframes
📆 Custom Calendar first day of week
🧪 Unit test utility package for ARIA patterns
🎯 Removed custom hit testing in usePress
🐞 and plenty of bug fixes!
react-spectrum.adobe.com/releases/202...
🔎 Autocomplete alpha
📽️ CSS transition support in addition to keyframes
📆 Custom Calendar first day of week
🧪 Unit test utility package for ARIA patterns
🎯 Removed custom hit testing in usePress
🐞 and plenty of bug fixes!
react-spectrum.adobe.com/releases/202...
Reposted by Teemu Taskula
Time for my annual look at the state of JavaScript Framework development.
"JavaScript Frameworks - Heading into 2025" #DEVCommunity #javascript #WebDev dev.to/this-is-lear...
"JavaScript Frameworks - Heading into 2025" #DEVCommunity #javascript #WebDev dev.to/this-is-lear...
JavaScript Frameworks - Heading into 2025
I admit I wasn't sure I'd be writing this article this year. It's easy to write articles that excite...
dev.to
January 6, 2025 at 5:16 PM
Time for my annual look at the state of JavaScript Framework development.
"JavaScript Frameworks - Heading into 2025" #DEVCommunity #javascript #WebDev dev.to/this-is-lear...
"JavaScript Frameworks - Heading into 2025" #DEVCommunity #javascript #WebDev dev.to/this-is-lear...
Reposted by Teemu Taskula
🎊 Happy New Year!
I discovered a lot of very cool dev stuff in 2024, from libraries to devtools to educational resources. Thought it’d be fun to share them all, to help kickstart your 2025!
Let’s go through the list. 🧵
I discovered a lot of very cool dev stuff in 2024, from libraries to devtools to educational resources. Thought it’d be fun to share them all, to help kickstart your 2025!
Let’s go through the list. 🧵
January 1, 2025 at 5:12 PM
🎊 Happy New Year!
I discovered a lot of very cool dev stuff in 2024, from libraries to devtools to educational resources. Thought it’d be fun to share them all, to help kickstart your 2025!
Let’s go through the list. 🧵
I discovered a lot of very cool dev stuff in 2024, from libraries to devtools to educational resources. Thought it’d be fun to share them all, to help kickstart your 2025!
Let’s go through the list. 🧵
Red XIII totally changing his voice midgame wasn't on my bingo card 😵
January 1, 2025 at 8:10 PM
Red XIII totally changing his voice midgame wasn't on my bingo card 😵
👨💻 Dev tip: Display flag emoji for given country code
I love using chatgibidi for problems like these where there is no point trying to figure it out yourself as it is not really an interesting/educational problem to solve.
I love using chatgibidi for problems like these where there is no point trying to figure it out yourself as it is not really an interesting/educational problem to solve.
December 30, 2024 at 10:38 AM
👨💻 Dev tip: Display flag emoji for given country code
I love using chatgibidi for problems like these where there is no point trying to figure it out yourself as it is not really an interesting/educational problem to solve.
I love using chatgibidi for problems like these where there is no point trying to figure it out yourself as it is not really an interesting/educational problem to solve.
If you see bunnies you know there is treasure
December 29, 2024 at 7:19 PM
If you see bunnies you know there is treasure
The worst part of After Eight is all the evidence it leaves behind
December 27, 2024 at 6:19 PM
The worst part of After Eight is all the evidence it leaves behind
Perhaps an unpopular opinion:
<StrictMode> causes more issues than it solves.
<StrictMode> causes more issues than it solves.
December 26, 2024 at 9:28 PM
Perhaps an unpopular opinion:
<StrictMode> causes more issues than it solves.
<StrictMode> causes more issues than it solves.
🧹 Christmas cleaning continues:
Removed large barrel file that re-exported all our UI kit components and now Vite can split our app much more optimally
Removed large barrel file that re-exported all our UI kit components and now Vite can split our app much more optimally
a man in white pants is cleaning a living room floor
Alt: a man in white pants is cleaning a living room floor.
media.tenor.com
December 23, 2024 at 12:43 PM
🧹 Christmas cleaning continues:
Removed large barrel file that re-exported all our UI kit components and now Vite can split our app much more optimally
Removed large barrel file that re-exported all our UI kit components and now Vite can split our app much more optimally
Just removed all `forwardRef`s from my current work project
December 23, 2024 at 12:32 PM
Just removed all `forwardRef`s from my current work project
I've been debugging CI issues the whole day... 🙃
How's your Friday going?
How's your Friday going?
December 20, 2024 at 3:02 PM
I've been debugging CI issues the whole day... 🙃
How's your Friday going?
How's your Friday going?
What is the canonical use case for Suspense to show the fallback again after the initial suspension?
Basically I always want to show an inline pending indicator instead of replacing the whole UI with the fallback.
Having to wrap every state update with `startTransition` feels backwards to me...
Basically I always want to show an inline pending indicator instead of replacing the whole UI with the fallback.
Having to wrap every state update with `startTransition` feels backwards to me...
December 9, 2024 at 2:08 PM
What is the canonical use case for Suspense to show the fallback again after the initial suspension?
Basically I always want to show an inline pending indicator instead of replacing the whole UI with the fallback.
Having to wrap every state update with `startTransition` feels backwards to me...
Basically I always want to show an inline pending indicator instead of replacing the whole UI with the fallback.
Having to wrap every state update with `startTransition` feels backwards to me...
@tannerlinsley.com @phry.dev any tips on how to skip suspending when I update search params in Tanstack Router which re-triggers `preloadQuery` in the `loader` that returns `queryRef` that is then read with `useReadQuery`?
Wrapping `navigate` with `startTransition` doesn't seem to help 🤔
Wrapping `navigate` with `startTransition` doesn't seem to help 🤔
December 9, 2024 at 1:52 PM
@tannerlinsley.com @phry.dev any tips on how to skip suspending when I update search params in Tanstack Router which re-triggers `preloadQuery` in the `loader` that returns `queryRef` that is then read with `useReadQuery`?
Wrapping `navigate` with `startTransition` doesn't seem to help 🤔
Wrapping `navigate` with `startTransition` doesn't seem to help 🤔
Happy Independence Day Finland 🇫🇮
December 6, 2024 at 7:28 PM
Happy Independence Day Finland 🇫🇮
Reposted by Teemu Taskula
React v19 – React
The library for web and native user interfaces
react.dev
December 5, 2024 at 7:05 PM
@en-js.bsky.social is merging refs problematic for React Compiler?
I just added the `eslint-plugin-react-compiler` to our project and it is complaining about `mergeRefs([inputRef, ref]` 🤔
We use this lib to merge refs: github.com/gregberge/re...
I just added the `eslint-plugin-react-compiler` to our project and it is complaining about `mergeRefs([inputRef, ref]` 🤔
We use this lib to merge refs: github.com/gregberge/re...
December 5, 2024 at 2:39 PM
@en-js.bsky.social is merging refs problematic for React Compiler?
I just added the `eslint-plugin-react-compiler` to our project and it is complaining about `mergeRefs([inputRef, ref]` 🤔
We use this lib to merge refs: github.com/gregberge/re...
I just added the `eslint-plugin-react-compiler` to our project and it is complaining about `mergeRefs([inputRef, ref]` 🤔
We use this lib to merge refs: github.com/gregberge/re...
This is the Year in Review I'm the most excited about!
Year ago I broke my knee (again) and had acl surgery so my gym routines have been quite legs heavy.
It's so cool to see this kind of a recap with the Hevy app. Very happy about the results this year 💪😊
Year ago I broke my knee (again) and had acl surgery so my gym routines have been quite legs heavy.
It's so cool to see this kind of a recap with the Hevy app. Very happy about the results this year 💪😊
December 5, 2024 at 9:09 AM
This is the Year in Review I'm the most excited about!
Year ago I broke my knee (again) and had acl surgery so my gym routines have been quite legs heavy.
It's so cool to see this kind of a recap with the Hevy app. Very happy about the results this year 💪😊
Year ago I broke my knee (again) and had acl surgery so my gym routines have been quite legs heavy.
It's so cool to see this kind of a recap with the Hevy app. Very happy about the results this year 💪😊
Reposted by Teemu Taskula
2025 will be the year of @tanstack.com 🚀. Start will start to make an impact, Form will be v1.0, the Router will continue to blow your minds and Query will always be there for you when you're frustrated with server components and caching 😄
What do you predict will happen with web development in 2025?
What will pop? What will stop?
What Frameworks, tools, and libraries will become popular?
What will we fall out of love with?
Will AI take our jobs in 12 months?
Give me all your takes for the yearly @syntax.fm podcast
What will pop? What will stop?
What Frameworks, tools, and libraries will become popular?
What will we fall out of love with?
Will AI take our jobs in 12 months?
Give me all your takes for the yearly @syntax.fm podcast
December 4, 2024 at 6:02 AM
2025 will be the year of @tanstack.com 🚀. Start will start to make an impact, Form will be v1.0, the Router will continue to blow your minds and Query will always be there for you when you're frustrated with server components and caching 😄
Reposted by Teemu Taskula
🎉 require(esm) has been unflaged in v22.12.0! We are also planning to unflag it on v20.x later if it goes well in v22.x.
As before please try it out and report any bugs you find. (hopefully none, but with how wild the module loading edge cases can be, one never knows!).
As before please try it out and report any bugs you find. (hopefully none, but with how wild the module loading edge cases can be, one never knows!).
A new Node.js LTS Release is out! 🥳
v22.12.0 enables require(esm) by default!
Read more about that change and the rest of additions / fixes in our blog post / CHANGELOG: nodejs.org/en/blog/rele...
#nodejs #javascript
v22.12.0 enables require(esm) by default!
Read more about that change and the rest of additions / fixes in our blog post / CHANGELOG: nodejs.org/en/blog/rele...
#nodejs #javascript
Node.js — Node v22.12.0 (LTS)
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
December 4, 2024 at 6:26 AM
🎉 require(esm) has been unflaged in v22.12.0! We are also planning to unflag it on v20.x later if it goes well in v22.x.
As before please try it out and report any bugs you find. (hopefully none, but with how wild the module loading edge cases can be, one never knows!).
As before please try it out and report any bugs you find. (hopefully none, but with how wild the module loading edge cases can be, one never knows!).
I bet we are gonna see some angry use-the-platform folks referencing this thread as "look at those soy dev React andies building shitty CSR apps"
What this thread really shows is that CSR is still the king for enterprisey, long sessioned, dynamic web applications that don't really need SEO
What this thread really shows is that CSR is still the king for enterprisey, long sessioned, dynamic web applications that don't really need SEO
What kind of React app do you get paid to work on (not hobby projects)?
- CSR, no SSR
- Isomorphic SSR
- RSC
Again, if you don’t use React at a paid gig, don’t reply. If you maintain multiple, reply with the one that makes the most money (the product, not yourself)
- CSR, no SSR
- Isomorphic SSR
- RSC
Again, if you don’t use React at a paid gig, don’t reply. If you maintain multiple, reply with the one that makes the most money (the product, not yourself)
December 2, 2024 at 5:14 PM
I bet we are gonna see some angry use-the-platform folks referencing this thread as "look at those soy dev React andies building shitty CSR apps"
What this thread really shows is that CSR is still the king for enterprisey, long sessioned, dynamic web applications that don't really need SEO
What this thread really shows is that CSR is still the king for enterprisey, long sessioned, dynamic web applications that don't really need SEO
How do I teach bsky algo to favor technical content?
Is it just about liking, reposting, and using "Show more like this"?
I'm not super interested in politics, "bsky is better than x", or "look at my cute pet" type of posts 😅
Is it just about liking, reposting, and using "Show more like this"?
I'm not super interested in politics, "bsky is better than x", or "look at my cute pet" type of posts 😅
November 24, 2024 at 6:19 PM
How do I teach bsky algo to favor technical content?
Is it just about liking, reposting, and using "Show more like this"?
I'm not super interested in politics, "bsky is better than x", or "look at my cute pet" type of posts 😅
Is it just about liking, reposting, and using "Show more like this"?
I'm not super interested in politics, "bsky is better than x", or "look at my cute pet" type of posts 😅
If you're building client-side rendered SPAs and are using Tanstack Router I would love to hear how you like it 🙏
So far I've used React Router and it has served me well but my main gripes with it are: overly platform oriented and bareboness apis, lack of advanced prefetching, non-typesafe `to`.
So far I've used React Router and it has served me well but my main gripes with it are: overly platform oriented and bareboness apis, lack of advanced prefetching, non-typesafe `to`.
November 24, 2024 at 4:15 PM
If you're building client-side rendered SPAs and are using Tanstack Router I would love to hear how you like it 🙏
So far I've used React Router and it has served me well but my main gripes with it are: overly platform oriented and bareboness apis, lack of advanced prefetching, non-typesafe `to`.
So far I've used React Router and it has served me well but my main gripes with it are: overly platform oriented and bareboness apis, lack of advanced prefetching, non-typesafe `to`.
I'm curious why so many web dev tutorials or templates still use the caret "^" for package versions?
In my experience it's a terrible default as so many packages don't follow semver properly.
I've used `save-exact=true` in `.npmrc` for years and it has eliminated all weird and sudden deps issues.
In my experience it's a terrible default as so many packages don't follow semver properly.
I've used `save-exact=true` in `.npmrc` for years and it has eliminated all weird and sudden deps issues.
November 24, 2024 at 3:40 PM
I'm curious why so many web dev tutorials or templates still use the caret "^" for package versions?
In my experience it's a terrible default as so many packages don't follow semver properly.
I've used `save-exact=true` in `.npmrc` for years and it has eliminated all weird and sudden deps issues.
In my experience it's a terrible default as so many packages don't follow semver properly.
I've used `save-exact=true` in `.npmrc` for years and it has eliminated all weird and sudden deps issues.
Arcane is visually absolutely stunning and the soundtrack is a perfect match. Very similar vibes to Spider-Verse soundtracks.
November 24, 2024 at 2:16 PM
Arcane is visually absolutely stunning and the soundtrack is a perfect match. Very similar vibes to Spider-Verse soundtracks.