Drag and Drop in React Js | react-beautiful-dnd explained | How to add drag and drop list in react?

Hi guys,
In this video we will discuss how we can implement drag and drop feature in React Js. Here we will use the react-beautiful-dnd. We will discuss it by using React functional components. After watching this video you will be able to add it in your project.

Check our Redux Form Playlist-

Check our MERN Stack Playlist-

Check our React Formik and Yup Validation Course -

Thanks for watching.

If you like this tutorial please like the video and leave a comment. And if you want to watch more helpful tutorials like this then please subscribe to our channel and hit the bell icon.

#dragAndDropInReactJs
#ReactJsBeginnerTutorial
#ProgrammingWithSuman
#MernStackCourse
#ReactCourseInHindi

[MuhammadAdnan.]

if table have static tds so dragging will change their positions as they are static properties ?

[ipl_highlight_years]

If data json is coming from api so its necessary that id is like that item-1 or it work on id 1 or not?

[sameensolkar]

Try to use React & React-dom version 17 in your project to make this work, Tried and tested 👍if using React & React-dom version > 17 downgrade it to version 17.

[kidscodera]

Hello Suman, you used 2 different type of syntax for arrow functions.arrow function as const a=()=>{some code} vs const a=()=>({some code}) .what is the difference. Later one make me confuse as we always use syntax as const a=()=>{some code}. in getItemStyle you have used this later syntax.Please help me out here on this concept, what I'm missing ?

[ipl_highlight_years]

Is these drag and drop work on 200 records...let me know sir

[RahulYadav-uzc]

i'have faced also same issue : Invariant failed: Cannot find droppable entry with id [droppable]

[AnkitKumar-fxqj]

Invariant failed: Cannot find droppable entry with id [droppable] please sir solve my issue

[prasanthdevineni]

Hi bro, drag and drop is working in desktop it is not working in mobile, that to after updating version of the library.Any idea on this.

[suryawanshisandip]

I am getting this error "A setup problem encountered.> Invariant failed: provided.innerRef has not been provided with an HTMLElement."