React Drag and Drop Tutorial | React Beautiful DnD Tutorial

Описание

#ReactJS #React-Beautiful-DnD #ReactTypescript

Learn drag and drop in React JS with React Beautiful DnD. We will implement drag and drop in our todo list app that we built in previous video of react typescript tutorial.

Source Code -
https://github.com/piyush-eon/react-typescript-taskify/

Live Site -
https://taskify-typescript.netlify.app/

If any questions, ask here -
https://www.instagram.com/roadsidecoder/

00:00 Intro
00:55 Important Message..
01:42 Application Flow
02:33 Building App UI
08:18 React Beautiful DnD Installation
09:05 completedTodos State
10:26 DragDropContext
11:47 Droppable Tag
15:51 Draggable Tag
18:26 onDragEnd Logic
25:11 Drag and Drop Styling
27:41 Important !

Movie App in React JS and Material UI -
https://www.youtube.com/watch?v=vxUfx4aM5d8

Quiz App in React JS and Material UI -
https://www.youtube.com/watch?v=dg7XmuLvsbs

Dictionary App in React JS and Material UI -
https://www.youtube.com/watch?v=Nz6Q21ypzT4

Learn React From Scratch -
https://www.youtube.com/watch?v=CKH5zLGBJAI&list=PLKhlp2qtUcSYOMyooUr3IIDF5TMN488l7