The user is looking for a way to implement drag-and-drop functionality for moving resources between folders in their React project. They seek advice on the best approach or library to achieve this feature.
Hi everyone, I’m working on a React-based project and I need some guidance on a few features I’m implementing. 1. I have a course list UI where I need to add **edit and delete functionality** for courses. The UI part is clear, but I’m not sure about the best way to structure the logic so that the UI updates properly and stays in sync with the backend. 2. In the resources panel, I have **folders on the left and resources on the right**. I want users to be able to **drag a resource and drop it into any folder**, and the resource should move there and persist after refresh. I'm unsure which approach/library would be best for this. 3. I also have a **sticky header using a custom** `useStickyHeader` **hook**, but when hiding and showing the header on scroll, it causes **a lot of flickering**, especially during fast scrolling. I’d appreciate suggestions on improving the hook logic or CSS transitions to prevent this. If anyone has implemented similar functionality or can suggest best practices, libraries, or approaches, I’d really appreciate the help. Thanks in advance!