Reposted by Vadym
❌ If you unit-test a React 19 app, there’s a good chance a chunk of your CI time is being wasted on… 😴 setTimeout.
Wait, what? Yes!
React 19 introduced a minimum delay for showing a Suspense fallback, and hardcoded (!) it to 300ms.
Just 3 tests can waste almost 1 second on absolutely nothing!
Wait, what? Yes!
React 19 introduced a minimum delay for showing a Suspense fallback, and hardcoded (!) it to 300ms.
Just 3 tests can waste almost 1 second on absolutely nothing!
November 17, 2025 at 2:15 PM
❌ If you unit-test a React 19 app, there’s a good chance a chunk of your CI time is being wasted on… 😴 setTimeout.
Wait, what? Yes!
React 19 introduced a minimum delay for showing a Suspense fallback, and hardcoded (!) it to 300ms.
Just 3 tests can waste almost 1 second on absolutely nothing!
Wait, what? Yes!
React 19 introduced a minimum delay for showing a Suspense fallback, and hardcoded (!) it to 300ms.
Just 3 tests can waste almost 1 second on absolutely nothing!
Reposted by Vadym
The Navigation API is also in Firefox 146 nightly
This is going to be available everywhere soon 🎉
This is going to be available everywhere soon 🎉
November 5, 2025 at 9:17 AM
The Navigation API is also in Firefox 146 nightly
This is going to be available everywhere soon 🎉
This is going to be available everywhere soon 🎉
Reposted by Vadym
👀 Navigation API will be available in all browsers soon 🎉
Completely redefines the APIs used to build client-side routers / SPAs
🫤 History API: popState, link click.preventDefault() ...
✅ Navigation API: clean, centralized way to intercept navigation events 👌
Completely redefines the APIs used to build client-side routers / SPAs
🫤 History API: popState, link click.preventDefault() ...
✅ Navigation API: clean, centralized way to intercept navigation events 👌
November 5, 2025 at 9:35 AM
👀 Navigation API will be available in all browsers soon 🎉
Completely redefines the APIs used to build client-side routers / SPAs
🫤 History API: popState, link click.preventDefault() ...
✅ Navigation API: clean, centralized way to intercept navigation events 👌
Completely redefines the APIs used to build client-side routers / SPAs
🫤 History API: popState, link click.preventDefault() ...
✅ Navigation API: clean, centralized way to intercept navigation events 👌
Reposted by Vadym
React Conf 2025 is a wrap! Check out the recap: react.dev/blog/2025/10...
React Conf 2025 Recap – React
The library for web and native user interfaces
react.dev
October 16, 2025 at 9:42 PM
React Conf 2025 is a wrap! Check out the recap: react.dev/blog/2025/10...
Reposted by Vadym
The schedule for React Conf 2025 is now live! conf.react.dev/agenda
React Conf 2025 | October 7-8 | Henderson, Nevada & online | Join us!
conf.react.dev
September 30, 2025 at 8:17 PM
The schedule for React Conf 2025 is now live! conf.react.dev/agenda
Reposted by Vadym
Now is the best time to try out @tanstack.com Start and give feedback on the RC 🙌
TanStack Start v1 Release Candidate | TanStack Blog
TanStack Start has officially reached a v1.0 Release Candidate. This is the build we expect to ship as 1.0, pending your final feedback, docs polish, and a few last-mile fixes. Now’s the perfect time....
tanstack.com
September 30, 2025 at 8:24 AM
Now is the best time to try out @tanstack.com Start and give feedback on the RC 🙌
Reposted by Vadym
I've been using a "follow-the-leader" pattern with CSS anchor positioning lately so I decided to write about it!
You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective.
Read more with demos!:
👀➡️ una.im/follow-the-a...
You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective.
Read more with demos!:
👀➡️ una.im/follow-the-a...
una.im | Follow-the-leader pattern with CSS anchor positioning
Learn how to create a dynamically re-anchored pointer element.
una.im
September 11, 2025 at 6:14 PM
I've been using a "follow-the-leader" pattern with CSS anchor positioning lately so I decided to write about it!
You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective.
Read more with demos!:
👀➡️ una.im/follow-the-a...
You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective.
Read more with demos!:
👀➡️ una.im/follow-the-a...
Reposted by Vadym
👀 React Native 1.0 is finally on the horizon
Announced at React Universe Conf, they will share the plan to reach 1.0 soon!
RN recently:
- improved its release process (6x/year)
- stabilized and clarified its public APIS
- introduced workflows to catch breaking changes
Announced at React Universe Conf, they will share the plan to reach 1.0 soon!
RN recently:
- improved its release process (6x/year)
- stabilized and clarified its public APIS
- introduced workflows to catch breaking changes
September 3, 2025 at 12:53 PM
👀 React Native 1.0 is finally on the horizon
Announced at React Universe Conf, they will share the plan to reach 1.0 soon!
RN recently:
- improved its release process (6x/year)
- stabilized and clarified its public APIS
- introduced workflows to catch breaking changes
Announced at React Universe Conf, they will share the plan to reach 1.0 soon!
RN recently:
- improved its release process (6x/year)
- stabilized and clarified its public APIS
- introduced workflows to catch breaking changes
Reposted by Vadym
Hey folks! Are you interested in fetch upload streams? If so, what do you want to use them for?
September 3, 2025 at 2:00 PM
Hey folks! Are you interested in fetch upload streams? If so, what do you want to use them for?
Reposted by Vadym
HTML is good actually
👀 commandfor - enabled by default in Firefox 144
Soon, in all browsers, you won't need any JS to open a popover / dialog 🎉
More info in @keithamus.social post here: developer.chrome.com/blog/command...
Soon, in all browsers, you won't need any JS to open a popover / dialog 🎉
More info in @keithamus.social post here: developer.chrome.com/blog/command...
September 3, 2025 at 4:12 AM
HTML is good actually
Reposted by Vadym
This Week In React 248
🍿 Read & subscribe here: thisweekinreact.com/newsletter/248
⚛️
- React Compiler
- Activity
- Next.js
- Forket
- Vite
- shadcn
- React-Aria
- Base UI
- RTK
- Apollo
- MCP
📱
- RN 1.0?
- Nightly testing
- Autolinking
- Reanimated
- Ottrelite
- Radon
- Liquid Glass
🍿 Read & subscribe here: thisweekinreact.com/newsletter/248
⚛️
- React Compiler
- Activity
- Next.js
- Forket
- Vite
- shadcn
- React-Aria
- Base UI
- RTK
- Apollo
- MCP
📱
- RN 1.0?
- Nightly testing
- Autolinking
- Reanimated
- Ottrelite
- Radon
- Liquid Glass
September 3, 2025 at 5:41 PM
This Week In React 248
🍿 Read & subscribe here: thisweekinreact.com/newsletter/248
⚛️
- React Compiler
- Activity
- Next.js
- Forket
- Vite
- shadcn
- React-Aria
- Base UI
- RTK
- Apollo
- MCP
📱
- RN 1.0?
- Nightly testing
- Autolinking
- Reanimated
- Ottrelite
- Radon
- Liquid Glass
🍿 Read & subscribe here: thisweekinreact.com/newsletter/248
⚛️
- React Compiler
- Activity
- Next.js
- Forket
- Vite
- shadcn
- React-Aria
- Base UI
- RTK
- Apollo
- MCP
📱
- RN 1.0?
- Nightly testing
- Autolinking
- Reanimated
- Ottrelite
- Radon
- Liquid Glass
Reposted by Vadym
This Week In React 246 - Back from holiday with @piaskowyk.bsky.social & @kacperkapusciak.bsky.social 🏝️
🍿 Read / subscribe online: thisweekinreact.com/newsletter/246
⚛️
- Nextjs
- React Router
- TanStack
- StyleX
- MUI
- Storybook
📱
- RN 0.81
- FlashList 2
- Expo 54 beta
- Nitro
- Audio
- StrictDOM
🍿 Read / subscribe online: thisweekinreact.com/newsletter/246
⚛️
- Nextjs
- React Router
- TanStack
- StyleX
- MUI
- Storybook
📱
- RN 0.81
- FlashList 2
- Expo 54 beta
- Nitro
- Audio
- StrictDOM
August 20, 2025 at 3:16 PM
This Week In React 246 - Back from holiday with @piaskowyk.bsky.social & @kacperkapusciak.bsky.social 🏝️
🍿 Read / subscribe online: thisweekinreact.com/newsletter/246
⚛️
- Nextjs
- React Router
- TanStack
- StyleX
- MUI
- Storybook
📱
- RN 0.81
- FlashList 2
- Expo 54 beta
- Nitro
- Audio
- StrictDOM
🍿 Read / subscribe online: thisweekinreact.com/newsletter/246
⚛️
- Nextjs
- React Router
- TanStack
- StyleX
- MUI
- Storybook
📱
- RN 0.81
- FlashList 2
- Expo 54 beta
- Nitro
- Audio
- StrictDOM
Reposted by Vadym
✨ New survey results just dropped!
Sharing some of my takeaways in thread. 🧵
Sharing some of my takeaways in thread. 🧵
The State of CSS 2025 survey results are now available:
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
State of CSS 2025
2025.stateofcss.com
August 10, 2025 at 2:48 PM
✨ New survey results just dropped!
Sharing some of my takeaways in thread. 🧵
Sharing some of my takeaways in thread. 🧵
Reposted by Vadym
This is CSS performance problem I see all too often.
The React website has some jank due due to their use of transition.
Here is how to find what causes it and how and fix it
The React website has some jank due due to their use of transition.
Here is how to find what causes it and how and fix it
August 7, 2025 at 2:07 PM
This is CSS performance problem I see all too often.
The React website has some jank due due to their use of transition.
Here is how to find what causes it and how and fix it
The React website has some jank due due to their use of transition.
Here is how to find what causes it and how and fix it
Reposted by Vadym
🔥 Mingcute has been my go-to icon library for a while.
- Open source and open license
- "Cute" and bubbly icon style with more options than most
- Really nice Figma plugin
- Iconify support to use in any web project
- Open source and open license
- "Cute" and bubbly icon style with more options than most
- Really nice Figma plugin
- Iconify support to use in any web project
August 4, 2025 at 12:39 PM
🔥 Mingcute has been my go-to icon library for a while.
- Open source and open license
- "Cute" and bubbly icon style with more options than most
- Really nice Figma plugin
- Iconify support to use in any web project
- Open source and open license
- "Cute" and bubbly icon style with more options than most
- Really nice Figma plugin
- Iconify support to use in any web project
Reposted by Vadym
📚 Got some questions around the `select` option lately:
- How to make typed abstractions
- How to make sure it doesn't run too often
So per my own rules, I had to write a blogpost about it:
- How to make typed abstractions
- How to make sure it doesn't run too often
So per my own rules, I had to write a blogpost about it:
React Query Selectors, Supercharged
How to get the most out of select, sprinkled with some TypeScript tips.
tkdodo.eu
August 4, 2025 at 3:14 PM
📚 Got some questions around the `select` option lately:
- How to make typed abstractions
- How to make sure it doesn't run too often
So per my own rules, I had to write a blogpost about it:
- How to make typed abstractions
- How to make sure it doesn't run too often
So per my own rules, I had to write a blogpost about it:
Reposted by Vadym
OMG - GitHub Actions now supports Yaml Anchors
This somehow means you can create Yaml variables and reuse common values in CI jobs
I thought I'd never see this day happen
This somehow means you can create Yaml variables and reuse common values in CI jobs
I thought I'd never see this day happen
August 4, 2025 at 3:21 PM
OMG - GitHub Actions now supports Yaml Anchors
This somehow means you can create Yaml variables and reuse common values in CI jobs
I thought I'd never see this day happen
This somehow means you can create Yaml variables and reuse common values in CI jobs
I thought I'd never see this day happen
Reposted by Vadym
I just read my own blogpost from 2021 to find out how to test react-query 😂
tkdodo.eu/blog/testing...
tkdodo.eu/blog/testing...
Testing React Query
Let's take a look at how to efficiently test custom useQuery hooks and components using them.
tkdodo.eu
August 1, 2025 at 11:56 AM
I just read my own blogpost from 2021 to find out how to test react-query 😂
tkdodo.eu/blog/testing...
tkdodo.eu/blog/testing...
Reposted by Vadym
New ~3min *first look* CSS video to accompany my most recent blog post 👀
Walking you through the new scroll-target-group property and showing how you can build a scroll-spy effect with just 2 lines of CSS!
www.youtube.com/watch?v=nEJ9...
Walking you through the new scroll-target-group property and showing how you can build a scroll-spy effect with just 2 lines of CSS!
www.youtube.com/watch?v=nEJ9...
Build a scroll spy in 2 lines of CSS with scroll-target-group and :target-current
YouTube video by Una Kravets
www.youtube.com
July 29, 2025 at 7:43 PM
New ~3min *first look* CSS video to accompany my most recent blog post 👀
Walking you through the new scroll-target-group property and showing how you can build a scroll-spy effect with just 2 lines of CSS!
www.youtube.com/watch?v=nEJ9...
Walking you through the new scroll-target-group property and showing how you can build a scroll-spy effect with just 2 lines of CSS!
www.youtube.com/watch?v=nEJ9...
Reposted by Vadym
State of HTML is live now!
Please take it if you care about the web platform! 🙂
These surveys are super helpful for our team to understand the state of the ecosystem and prioritize missing features/platform needs!
survey.devographics.com/en-US/survey...
Please take it if you care about the web platform! 🙂
These surveys are super helpful for our team to understand the state of the ecosystem and prioritize missing features/platform needs!
survey.devographics.com/en-US/survey...
State of HTML 2025
Take the State of HTML survey
survey.devographics.com
July 28, 2025 at 4:59 PM
State of HTML is live now!
Please take it if you care about the web platform! 🙂
These surveys are super helpful for our team to understand the state of the ecosystem and prioritize missing features/platform needs!
survey.devographics.com/en-US/survey...
Please take it if you care about the web platform! 🙂
These surveys are super helpful for our team to understand the state of the ecosystem and prioritize missing features/platform needs!
survey.devographics.com/en-US/survey...
Reposted by Vadym
📚 Whenever I see useCallback, I wonder: why do we need it here? And a lot of the times, when I look deeper, I see that it actually doesn’t do anything. I think a lot of code-bases would be better of just not memoizing at all - and then let the compiler do it for you:
The Useless useCallback
Why most memoization is downright useless...
tkdodo.eu
July 28, 2025 at 4:22 PM
📚 Whenever I see useCallback, I wonder: why do we need it here? And a lot of the times, when I look deeper, I see that it actually doesn’t do anything. I think a lot of code-bases would be better of just not memoizing at all - and then let the compiler do it for you:
Reposted by Vadym
My react-data-fetching demos have been updated!
I have now built the same app 22 times for my workshop where I teach different data loading patterns in React Router, TanStack Router, Next.js, and even a bit of Astro and Sveltekit too.
And, of course, how to use TanStack Query with all of them.
I have now built the same app 22 times for my workshop where I teach different data loading patterns in React Router, TanStack Router, Next.js, and even a bit of Astro and Sveltekit too.
And, of course, how to use TanStack Query with all of them.
July 26, 2025 at 7:46 PM
My react-data-fetching demos have been updated!
I have now built the same app 22 times for my workshop where I teach different data loading patterns in React Router, TanStack Router, Next.js, and even a bit of Astro and Sveltekit too.
And, of course, how to use TanStack Query with all of them.
I have now built the same app 22 times for my workshop where I teach different data loading patterns in React Router, TanStack Router, Next.js, and even a bit of Astro and Sveltekit too.
And, of course, how to use TanStack Query with all of them.
Reposted by Vadym
This Week In React 244
🍿 Read/subscribe here: thisweekinreact.com/newsletter/244
⚛️ React
- React Router RSC
- React Compiler
- Next.js & experimental features
- TanStack Router & DB
- Storybook
- JSX
📱 RN
- Reanimated 4
- Screens native tabs
- Keyboard Controller
- Hermes
- Node-API
🍿 Read/subscribe here: thisweekinreact.com/newsletter/244
⚛️ React
- React Router RSC
- React Compiler
- Next.js & experimental features
- TanStack Router & DB
- Storybook
- JSX
📱 RN
- Reanimated 4
- Screens native tabs
- Keyboard Controller
- Hermes
- Node-API
July 23, 2025 at 5:48 PM
This Week In React 244
🍿 Read/subscribe here: thisweekinreact.com/newsletter/244
⚛️ React
- React Router RSC
- React Compiler
- Next.js & experimental features
- TanStack Router & DB
- Storybook
- JSX
📱 RN
- Reanimated 4
- Screens native tabs
- Keyboard Controller
- Hermes
- Node-API
🍿 Read/subscribe here: thisweekinreact.com/newsletter/244
⚛️ React
- React Router RSC
- React Compiler
- Next.js & experimental features
- TanStack Router & DB
- Storybook
- JSX
📱 RN
- Reanimated 4
- Screens native tabs
- Keyboard Controller
- Hermes
- Node-API
Reposted by Vadym
This Week In React 243 - Thanks to @tboba.pl & @tomekzaw.bsky.social
🍿 Read and subscribe here:
thisweekinreact.com/newsletter/243
⚛️ React:
- Next.js
- TanStack
- React Compiler
- React Router
- React-Three-Fiber
📱 RN:
- Node-API
- Wallet
- Worklets
- Apple LLM
- Metro
- Skia
- Radon
- RNEF
🍿 Read and subscribe here:
thisweekinreact.com/newsletter/243
⚛️ React:
- Next.js
- TanStack
- React Compiler
- React Router
- React-Three-Fiber
📱 RN:
- Node-API
- Wallet
- Worklets
- Apple LLM
- Metro
- Skia
- Radon
- RNEF
July 16, 2025 at 2:55 PM
This Week In React 243 - Thanks to @tboba.pl & @tomekzaw.bsky.social
🍿 Read and subscribe here:
thisweekinreact.com/newsletter/243
⚛️ React:
- Next.js
- TanStack
- React Compiler
- React Router
- React-Three-Fiber
📱 RN:
- Node-API
- Wallet
- Worklets
- Apple LLM
- Metro
- Skia
- Radon
- RNEF
🍿 Read and subscribe here:
thisweekinreact.com/newsletter/243
⚛️ React:
- Next.js
- TanStack
- React Compiler
- React Router
- React-Three-Fiber
📱 RN:
- Node-API
- Wallet
- Worklets
- Apple LLM
- Metro
- Skia
- Radon
- RNEF
Reposted by Vadym
This Week In React 239 - Featuring @piaskowyk.bsky.social and @tomekzaw.bsky.social 🤝
Read and subscribe: thisweekinreact.com/newsletter/239
⚛️
- ViewTransition
- Suspense
- TanStack
- Zero
- use-mcp
- Compiler
- Intl-T
📱
- RN 0.80
- Stable APIs
- iOS prebuild
- shadcn + Expo
- InstantDB
- Granite
Read and subscribe: thisweekinreact.com/newsletter/239
⚛️
- ViewTransition
- Suspense
- TanStack
- Zero
- use-mcp
- Compiler
- Intl-T
📱
- RN 0.80
- Stable APIs
- iOS prebuild
- shadcn + Expo
- InstantDB
- Granite
June 18, 2025 at 4:50 PM
This Week In React 239 - Featuring @piaskowyk.bsky.social and @tomekzaw.bsky.social 🤝
Read and subscribe: thisweekinreact.com/newsletter/239
⚛️
- ViewTransition
- Suspense
- TanStack
- Zero
- use-mcp
- Compiler
- Intl-T
📱
- RN 0.80
- Stable APIs
- iOS prebuild
- shadcn + Expo
- InstantDB
- Granite
Read and subscribe: thisweekinreact.com/newsletter/239
⚛️
- ViewTransition
- Suspense
- TanStack
- Zero
- use-mcp
- Compiler
- Intl-T
📱
- RN 0.80
- Stable APIs
- iOS prebuild
- shadcn + Expo
- InstantDB
- Granite