React Todo App, With Drag And Drop  - React Javascript Tutorial

React Todo App, With Drag And Drop - React Javascript Tutorial

LetsCode

3 года назад

26,026 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@thanhdungnguyen1826
@thanhdungnguyen1826 - 27.06.2023 09:58

tks you. Really easy to understand

Ответить
@ducnguyendinhtrung4745
@ducnguyendinhtrung4745 - 31.05.2023 11:19

Many thanks. But i have a question. I have a grid columns, does this library support drag and drop in grid-system? Many thanks

Ответить
@deepmane5845
@deepmane5845 - 11.04.2023 06:25

is it possible make api call after each drag and drop to maintain state with redux

Ответить
@nereacorralesagudo7971
@nereacorralesagudo7971 - 21.09.2022 21:32

Hi! This tutorial helped me very very much!
Just wanted to ask you... How did you do to have each one of the columns of a different color like you showed at the beginning of the video?? Thank you!

Ответить
@matthewmoon2463
@matthewmoon2463 - 03.09.2022 02:06

I've watched many of the videos on react dnd, and yours had the best explanation of what's going on. Starting from scratch you explained not only the hows, but the whys. Great job.

Ответить
@mohanrajj7423
@mohanrajj7423 - 17.08.2022 14:42

when i refresh everything's back to original position why?

Ответить
@VeeHeeOfficial
@VeeHeeOfficial - 30.07.2022 05:21

Thanks for the video. Question though: does it work on React 18? I use exactly the same codes as yours, all the UI displays are working fine, but the drag and drop function doesn't work! Are there any changes we need make for the current version of React? Cheers.
EDIT: I removed the "<React.StrictMode>" in index.js and it works perfectly now. :)

Ответить
@coldharbour5640
@coldharbour5640 - 12.05.2022 03:33

For some reason I was unable to use destination and source, if anyone else encounters this (2 years later so maybe updates did something?), keep data as the only parameter for handleDragEnd() and do data.destination and data.source.

Ответить
@thewaterboy1078
@thewaterboy1078 - 24.03.2022 04:11

Fantastic video, tried other videos but this one explained it best!

Ответить
@saqlainalvi5485
@saqlainalvi5485 - 06.01.2022 19:47

Just one question. How are you using prevState in a functional component. A little confused. That shouldn't work.
Edit: or did they add that thing
Edit: ok i feel stupid. Never mind

Ответить
@jacqueskorb879
@jacqueskorb879 - 28.12.2021 16:32

Great tutorial. Thank you!

Ответить
@KaranKumar-rm5zz
@KaranKumar-rm5zz - 05.12.2021 03:02

Sir can you provide source code so it will be more easy to understand

Ответить
@mohamadybr
@mohamadybr - 01.12.2021 20:12

I am glad about this tutorial!! It really helped me understand the concept of the React-Beautiful-DnD package in the simplest way. I was so confused by others' tutorials. Thanks a lot, it was so needed.

Ответить
@jenniferignacio6364
@jenniferignacio6364 - 12.10.2021 23:00

Thank you for doing this - needed help doing a DnD react project and this was the PERFECT tutorial!

Ответить
@cleo0318
@cleo0318 - 06.10.2021 19:19

Wonderful tutorial, you explained everything so well. Thank you :)

Ответить
@AmarGupta-pb6go
@AmarGupta-pb6go - 21.09.2021 16:27

You saved my life., Lots of love.., ;-)

Ответить
@caranthirn7400
@caranthirn7400 - 15.09.2021 17:51

This helped me a lot. Thank you.

Ответить
@hammadahmadriaz6528
@hammadahmadriaz6528 - 26.07.2021 21:08

Thanku Soo Much Bro .

Ответить
@rajatverma3122
@rajatverma3122 - 15.07.2021 14:24

Best explanation ever, like watching an interesting movie.. and thank you, great help

Ответить
@nikitafernando6666
@nikitafernando6666 - 15.07.2021 10:33

SIir, will u be able to let me know how to add different colour background for each column like shown at the begining

Ответить
@carlosscampos314
@carlosscampos314 - 04.07.2021 21:56

Awesome tutorial! Thanks! Had some problems with this because I'm trying to use typescript instead. After a while, "source" started to sound like "sauce" :D

Ответить
@RAHULPATIL-oh8nb
@RAHULPATIL-oh8nb - 29.06.2021 13:31

Using Api ,How to do? 🤔

Ответить
@RAHULPATIL-oh8nb
@RAHULPATIL-oh8nb - 29.06.2021 13:30

Thank you..

Ответить
@philipham1
@philipham1 - 28.06.2021 01:02

Awesome video man, you just go yourself another subscriber, really love the way you explain things, keep up the good work!

Ответить
@comingfall6348
@comingfall6348 - 31.05.2021 13:43

great video, from this i managed to undersand the entire way this libary works, thanks alot

Ответить
@alaamagdy9003
@alaamagdy9003 - 26.04.2021 01:28

can u help me in delete and edit functions please need them immediatly cause i need to delete the task from the column

Ответить
@riebeck1986
@riebeck1986 - 18.04.2021 17:18

Thank You. This has been the best explanation I have seen for this.

Ответить
@xavierromero40
@xavierromero40 - 16.03.2021 07:24

Thank you so much!... someone have any idea about a height transition in each column?

Ответить
@dim3143
@dim3143 - 03.01.2021 03:02

One of the clearest videos with a normal state. Thanks for your work.
But i' am repeat this example with vanilla js an: Object.keys(state) .map( (key) => {return (...
Best Regards from Russia!

Ответить
@renudesai3250
@renudesai3250 - 24.12.2020 21:55

Is it possible to add columns and drag and drop them ? Will it be same logic ?

Ответить
@mikki7522
@mikki7522 - 18.12.2020 18:14

Thank you! Best tutorial on this subject.

Ответить
@himanshushekhar3694
@himanshushekhar3694 - 29.11.2020 09:39

Thank you

Ответить
@zyroclown1445
@zyroclown1445 - 16.11.2020 19:45

Excellent tutorial 👏🏻ty

Ответить
@khoapham9529
@khoapham9529 - 16.11.2020 17:23

By far the best tutorial :D

Ответить
@tejasrahate2222
@tejasrahate2222 - 14.10.2020 20:59

Thanks.. Searched alot of videos, but your explanation was so easy to understand !!

Ответить
@mengfanshen4921
@mengfanshen4921 - 30.09.2020 14:58

Can you make the columns with different width?

Ответить
@AdityaRaj-lr1ki
@AdityaRaj-lr1ki - 18.08.2020 07:14

do you have a link to the code by any chance?

Ответить
@adamtak3128
@adamtak3128 - 30.07.2020 02:48

You had me until you started implementing the `handleDragEnd` function.

Ответить
@paul-towers
@paul-towers - 14.07.2020 13:42

Thanks for another great video. I commented on your other one about using Modals. I know this is going to come across as random, but you don't happen to offer (or would be interested in offering) paid tutoring do you. I'm based in Australia but I find your tutorials great and would be more than willing to pay for some one to one online tutoring if you offer it.

Ответить
@DragonBallSuperCentralTV
@DragonBallSuperCentralTV - 14.07.2020 13:15

Just a passing comment from a novice - noobs like me love to look at the finished product before embarking on a tutorial. The DnD elements were fantastic, but the textbox was the standard HTML one - not something that really catches the eye. I'm sure it's a super easy thing to do - but just for the novice programmer's sake, I would try and make the whole page look fancy, including the add items text box.

Ответить