React Drag & Drop Made Easy with @dnd-kit

This video is sort of like an "unboxing"/tour of the @dnd-kit packages. We'll give a brief overview and implement basic drag and drop functionality in a React + TypeScript app (styled with Tailwind, of course) using @dnd-kit - the lightweight, accessible alternative to react-dnd and the (now-deprecated) react-beautiful-dnd. @dnd-kit makes implementing drag and drop in React straightforward with: Lightweight core (only 10kb) Built-in mobile and keyboard support Excellent performance True React hooks-based API Built-in accessibility features This unboxing covers the setup and three examples: basic drag & drop, a sortable list, and a sortable Kanban board. 🔗 GitHub repo: https://github.com/m6io/dnd-kit-unboxed 🔗 @dnd-kit docs: https://dndkit.com/ #react #dragandrop #webdevelopment #typescript #dndkit #reactjs