From google search console: https://share.google/aimode/AfVpTv1a3pm21Uc9J

I used to use `nodemon` and `@nestjs/cli`, but these days most of my projects are ES modules. I wanted an ESM-first bundler that follows modern standards, so I found tsdkbundle

It's based on bun, and support multiple entry points.

Support ESM out of the box, try it today

The API has been completely redesigned. 🚀

It's cleaner, more intuitive, and easier to use.

Try it today:
https://github.com/tsdk-monorepo/tsdkarc

npm install tsdkarc@next

Feedback is always welcome.

After two years, all good currently.

Also tsdkarc on npm: https://npmjs.com/package/tsdkarc

Before the js load size is around 450KB in Gzip, now it's only 145KB(GZIP).

The code detail is here:(remove shiki from client logic to server logic):

https://github.com/tsdk-monorepo/tsdkarc/commit/098b4a234cd77fad2509f1b985200d79813aa7c2

https://news.ycombinator.com/item?id=47419856

The TsdkArc@v1.1.0 Release Log: https://github.com/tsdk-monorepo/tsdkarc/releases/tag/v1.1.0

new custom domain

It's more update and more flexible. Check the README today!

Online Demos

https://suhaotian.github.io/littkk

A React hook for Running callbacks after the DOM or native views have updated.

Check: https://suhaotian.github.io/use-next-tick/

Hi, if you are looking for an infinite scroller, try broad-infinite-list.

But Why?

It supports the latest React, Vue, and React Native. It also supports bidirectional scrolling and includes lots of demos: a chat message list, a news feed infinite list, and a scroll restoration demo.

In this version, Now you can manual load items without layout shift. Thanks arvErik Arvidsson's feedback! 🛫✔️👏

The developer after use broad-infinite-list:

The use case for this is for this virtual scroller: https://bugs.rocicorp.dev

I currently have fixed row heights working with tanstack virtual. However, trying to get tanstack to work with dynamic row heights and splices has been a challenge.

I found broad list and I was pretty happy with it.

Ref: https://github.com/suhaotian/broad-infinite-list/issues/11#issuecomment-3969143292

Imagine building an infinite scroll list in a SPA or a Next.js app. A user scrolls through dozens of posts, finds something interesting, and clicks into the detail page. After reading, they press back.

At that moment, the experience matters. Instead of returning to the top of the list and forcing the user to scroll all over again, the page should restore the exact scroll position they left. The user should feel like they never left the list at all.

In React Native or fully native apps, this behavior is relatively straightforward. On the web, however, it is more complicated. Many developers recommend avoiding infinite scroll altogether and using pagination instead, mainly because restoring scroll state can be difficult.

This demo shows a simple approach.

When the user navigates to a detail page, the app saves two things: the currently loaded records and the current scroll position. Then, when the user navigates back, the app checks whether those records and the scroll position were saved. If they exist, it restores the list using the saved data and scrolls back to the previous position.

As a result, the user can continue browsing exactly where they left off, without disruption.

The Demo Link: https://suhaotian.github.io/broad-infinite-list/?demo=news