Loading video...

Video Failed to Load

Go Home

react-beautiful-dnd: where to from here?

25,122 views • 2 years ago •via X (Twitter)

23 Comments

Alex Reardon's profile picture
Alex Reardon2 years ago

I've now posted the video on Youtube for better sharing and findability. ✨ My first Youtube video ✨

Solar Heavy's profile picture
Solar Heavy1 year ago

that's interesting, but what do you think of this?

Alex Reardon's profile picture
Alex Reardon2 years ago

📖 Migration package documentation:

Alex Reardon's profile picture
Alex Reardon2 years ago

Declan's handle: @DeclanWarn 👏

Alex Reardon's profile picture
Alex Reardon2 years ago

I plan on sharing this video on the react-beautiful-dnd repo soon too

chan's profile picture
chan2 years ago

you are so wonderfully poised and clear in your communication!

Alex Reardon's profile picture
Alex Reardon2 years ago

Aww, thanks! ☺️

chan's profile picture
chan2 years ago

i love watching your videos. it's clear you invest a lot of intentionality

nascimento.dev's profile picture
nascimento.dev2 years ago

very cool, thank you

edr.eth's profile picture
edr.eth2 years ago

what about mobile devices/touch screen devices? As I can see in the examples, I can just move using the "more" button. I can't drag the card.

Alex Reardon's profile picture
Alex Reardon2 years ago

Best to jump over to the repo and create an issue What device are you using?

edr.eth's profile picture
edr.eth2 years ago

You can use chrome inspect and toggle to mobile. You will check that you can't drag.

Alex Reardon's profile picture
Alex Reardon2 years ago

I think you are running into an emulation issue. Pdnd is working great on Chrome for iOS and Android 😊

edr.eth's profile picture
edr.eth2 years ago

OK now I see, you have to do a long press and it worked. But, in the chrome of the mobile device, If you change to Desktop site (desktop version), the drag doesn`t work. Using an android tab with chrome

AI Developer | Fullstack Dev | Kelvin Dim's profile picture
AI Developer | Fullstack Dev | Kelvin Dim2 years ago

Alex thanks for the work you have done over the years, let’s say I want to drag a name div freely to any position on a droppable div is this use case covered in pragmatic drag and drop? I am just asking if we have free flexible option to drag and drop anywhere.

Alex Reardon's profile picture
Alex Reardon2 years ago

> Alex thanks for the work you have done over the years Thank you! > let’s say I want to drag a name div freely to any position on a droppable div is this use case covered in pragmatic drag and drop? Yes

Seb ⚛️ ThisWeekInReact.com's profile picture
Seb ⚛️ ThisWeekInReact.com2 years ago

Hey Alex, that looks intersting! I'm the author of @ThisWeekInReact, and my readers usually prefer text. Would it be possible to write a summary of this video in the GitHub issue instead, including mentioned possibilities and relevant links? That would be more convenient

edr.eth's profile picture
edr.eth2 years ago

Thank you for releasing this awesome version =).

Dan DiGangi's profile picture
Dan DiGangi2 years ago

@GabeRicard here's the Atlassian DND one @stacylondoner brought up

Kyle Suss's profile picture
Kyle Suss2 years ago

hello-pangea/dnd was an easy drop-in replacement for us with better Typescript support. An easy upgrade to avoid a refactor, but keep the same API.

Colby Fayock's profile picture
Colby Fayock2 years ago

Thanks for your work A tutorial I did for the original has been my all time top video and it was a lot of fun creating Looking forward to digging into the new package and doing a new one!!

Alex Reardon's profile picture
Alex Reardon2 years ago

Thanks Colby. I think your react-beautiful-dnd video is so good. Keen to know how you go with pdnd!

Boris's profile picture
Boris2 years ago

Cool!!

Related Videos