React drag and drop to sort the list and persist the sorted data

⭐ Features - Key ideas you will learn from this video are: ⭐
🔸 React drag and drop
🔸 React sorting the list and drag drop
🔸 React form stepper

⭐ Tech Stacks ⭐
🔸 React
🔸TypeScript
🔸CSS
🔸 React beautiful dnd

Other videos:

⭐ Timestamps ⭐

0:00 Introduction
02:25 Package and dependencies react beautiful dnd
02:47 Setting up list content and states
03:54 Understanding sorting basics
08:14 Defining drag area context
09:55 Defining droppable area
12:31 Draggable item
16:17 sort handler function to save sorting index
27:36 Persisting sorted index in localStorage and database
31:21 Bonus: multiple droppable area - dragging to column

React drag and drop
React drag and drop and persisted data
Sorting in react and persiste data

#rreact #reactdraganddrop #reactdnd