TTC
Theo's Typesafe Cultkdiffin

when is virtualization neccessary

I have an array of 873 objects and im wondering if virtualization is needed, it also needs to be responsive and change the amount of rows/collumns based on the users screen size
K
kdiffin•309d ago
an example screenshot for reference
C
cje•309d ago
Virtualisation is necessary when you can’t get good enough performance otherwise And can’t paginate What is good enough performance? You decide!
K
Keef•309d ago
Some of these virtualization libs are also a nightmare to read about 😭 Its a specific way of doing it with some quirks you have to work around. If i can avoid it i generally do
K
kdiffin•309d ago
do you have any recommendations on an infinite scrolling paginator in react? like it maps out 100 items, then when u scroll to the bottom it renders out another 100, etc. i could probably actually implement this myself with hooks and a ref
D
dan•309d ago
my beloved https://tanstack.com/virtual/v3
TanStack Virtual | React Virtual, Solid Virtual, Svelte Virtual, Vu...
Headless UI for virtualizing large element lists with TS/JS, React, Solid, Svelte and Vue
K
KP•309d ago
if u are fetching stuff, react query has an infinite query for this use case. u will have to write out the part where it loads more data tho also this is pretty easy, u just need to use intersection observer and observe the last item in ur list or a dummy 1px transparent item and call the logic whenever the intersection observer is able to see it fully
K
kdiffin•309d ago
nah its local data
K
KP•309d ago
well that makes it easier
Want results from more Discord servers?
Add your server
More Posts
CSS Naming adviceHey guys, I'm kind of a noob and I was wondering if you could give me some feedback in my css class signout from server in next js 13can anyone tell me how can i signout from server in next auth? signOut() is not working and below coUpdated data not being fetched in production.Hey guys so i just made a web app which uses prisma / planetscale and tanstack query. I have been tSome good old system designHello everyone, how you doing ? So I want to create a little app that consists of 2 main parts sysPages or App ?I'm going to create a production project with nextjs, but confused, What is the best option pages/ oWait for ISR Revalidation (rather than showing stale data)Hey guys! I had a quick question about using ISR in Next.js (app router) with Vercel. As outlined byWhat about Panda CSS?Hey there! I can't find any talk about using Panda CSS over Tailwind on this Discord. I would like tNextAuth sign in function not working properlyhey, i have nextauth set up with `credentialsProvider` on, i have the following onClick on a button:Fetching only onceso i have an authToken being stored in the local storage and i want to send it in a POST request eacimport mysql into planetscaleHas anyone imported a database from your local pc into planetscale? With regard to the hostname whatPromise.all is not working in transaction in drizzleCan anyone tell me why this transaction is not working in drizzle? it does not throwing any error bshortest import path with eslint + tsconfig.json pathsIs there any way to configure eslint (I am using `eslint-plugin-import` + `eslint-import-resolver-tyGitHub workflow doesnt runI have this PR here which requires the CI to pass but it doesnt run. Do I miss something or have I sgetServerAuthSession returning null in productionI have absolutely no clue how that is happening because I've implemented the same solution in anotheNot able to get the jwt token through cookiesHii all I'm trying to send the jwt token through cookies like first image .. Now I 'm trying to fetcNext api routes stoped working since clerk installedI installed clerk in my app and auth is working as expected. My probles is that all my api routes stDisable batching multiple useQueryI'm using useQuery as below: ``` const CompanyPage: NextPage<{ asxCode: string }> = ({ asxCode }) =>TypeScriptHi guys i am trying to learn TypeScript. Is there any good resources you can suggest besides the docZod type email string and number message not working correctlyHey guys i am facing a issue i am also new to typescript ```ts const authschem = z.object({ emailnext auth jwt sessionHello im having some problems with making the session for credentials provider i managed to make it