TTC
Theo's Typesafe Cult•9mo ago
harshcut

Take-home assignment

I have a take-home assignment in which i need to implement a multi-column (not separate lists) drag and drop component in React without using any libs. Using html drag and drop apis was easy, but it didn't look exactly like this (video below). Then i used mouse events, and could only make it work (https://react-dnd-harshcut.vercel.app/) with single column. Does anyone one have any suggestions on how to proceed for two-column layout? My next thought would be calculating the position of the cursor on left or right side of the container and shifting the list items in it. Seems like a lot of work just for a take-home assignment.
2 Replies
Tomate Malicioso
Tomate Malicioso•9mo ago
I'm not well versed enough to answer your question, but I highly recommend javascript.info https://javascript.info/mouse-drag-and-drop
Drag'n'Drop with mouse events
Tomate Malicioso
Tomate Malicioso•9mo ago
It goes deep into doing custom drag'n'drop events.
Want results from more Discord servers?
Add your server
More Posts
Next 13 App folder questionHi, so I would need to open links and go to #sections on my app. Can I make these #sections work somSSR with tRPC (9.x) works for one query but not the other even though they're practically identicalI've got a component where I have two querys, one is usually faster than the other but I want to runShadCn Styling / Functionality IssueHey all, this is a slightly unusual use case, but I've been asked to implement it, I have a list of tRPC: Why useQuery() tries to refetch when error occurs while useMutation() doesn't?I'm using the T3 stack. ```test: publicProcedure.input(z.string().min(5)).query(async () => { Prisma migration issue on vercel deploymentHi Gang, I'm facing a persistent migration issue with my prisma model in my PostgreSQL database hoStruggling with CSP nonceHi! I'm struggling to implement a nonce based content security policy on my app. What is the recommeStruggling with PNPM Workspaces - How to Link Local Packages👋 Hello Devs, I'm currently working on a TypeScript package called `zod-to-fields` that I wish to T3 env in nextjs custom typescript serverHello, Im trying to setup Nextjs 13 app router with custom server with typescript. So far so good I