Bart Spaans

Thanks!

Gratz!

Half of the youtubers I used to watch now only spit out AI videos.

😳😳😳

Release V3.3.0 - Full Touch Device Support! 📱 · spaansba/ForesightJS V3.3.0 js.foresight This version introduces first-party touch device support for mobile and pen interactions. While desktop systems use multiple concurrent prediction strategies (mouse trajectory, ...

Full mobile/pen support for ForesightJS is live in V3.3.0!

github.com/spaansba/For...

Crazy results for foresight.com

Opened a discussion space for ForesightJS and the devtools. Feel free to share how you are using it or ask questions!

github.com/spaansba/foresightjs/discussions

Mobile support for js.foresight beta is live 😏. Let me know what you think and if you run into any bugs.

It has 2 options "viewport" (default) and "onTouchStart". Which can be set by using the touchDeviceStrategy prop during initialization.

b. In a it feels like the cards stacked on top of eachother are grouped together even though they are not

Gratz!!

Never miss when Claude Code is done running

1 in 20,229 😏

See for yourself!

foresightjs.com

Released V3.1.1 of Foresight with new devtools written in Lit

Nothing special but the one I had the most issue with was checking if a line was intersecting with a DOMRect.

Adding border radius to everything is the — of UI.

Tried @lit.dev for the Foresight devtools and its so much fun to work with.

Probably will make a full switch to it as the current control panel is getting hard to maintain without a framework.

This would have been a huge help! I recently had to create a bunch of functions regarding the DOMRect, and I'm not a geometry expert, so this would have been very useful.

Ah thats great! Good job

Is this defined per event log or will it show on every sequential event of the same type?

thanks for sharing, had no idea!

Bundle Results of ForesightJS 3.0 > 2.2

- Bundle size: 77.6kB → 25kB (-68%)
- Gzipped: 18.6kB → 7.7kB (-58%)
- Download time: 372ms → 155ms (-58%)
- Dependencies: 3 → 2

Just released V3.0.0 of ForesightJS! By decoupling the debugger into a new package (js.foresight-devtools) the core package is now 68% smaller (7.7kb minified + gzipped) 😍.

This is done by introducing events, which can now also be used by users for telemtry etc.

foresightjs.com/docs/getting...

I'm trying to decouple the Foresight Debugger completely from the js.foresight package. However, I don't know the right approach to take for this. Is there anyone with experience doing that is open for a chat?

Completely redesigned the docs of foresightjs.com

Feedback is appreciated!

Official React hook for ForesightJS is live: foresightjs.com/docs/integra...

What is the best app for getting an overview of all your finances? Love something I can host myself if possible

This Week In React 238

Read and subscribe here!
thisweekinreact.com/newsletter/238

⚛️
- React Router
- RSC
- shadcn/ui
- TanStack Start
- React Aria
- ForesightJS
- Cosmos
📱
- iOS 26
- JSI setRuntimeData
- Windows
- Nitro
- WebView
- Bottom Tabs
- PencilKit

https://nextjs.org/docs/app/guides/prefetching

No way, the prefetching docs of @nextjs.org refer to ForesightJS 😳.

Release V2.1 ~ Performance Gains and better debugger! · spaansba/ForesightJS Features Added onAnyCallbackFired to the ForesightManager, this function will run when ANY callback function is hit. Read More Added new debuggerSettings.showNameTags to show or hide name tags on ...

Just shipped ForesightJS v2.1 performance update.

Key changes:
- Replaced ResizeObserver + scroll/resize events with PositionObserver for async bounds calculation
- Added IntersectionObserver to only track elements in the viewport

Check out the changelog: github.com/spaansba/For...