This React Drag and Drop Component Is Magic

Join Brilliant using the link bellow for 30-day free trial + 20% off the premium subscription brilliant.org/developedbyed/
Check out my web dev courses below🔥
developedbyed.com/
👨‍💻Connect with me
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/developedbyed/
---
🎶 Dope tracks🔥
C Y G N - Take it Eazy chll.to/a2c63d7c
C Y G N - Sex on the Backseat chll.to/5d8700bb
C Y G N - Sunset Drive chll.to/d66020b5
C Y G N - Emotions chll.to/bfeb2b66
C Y G N - Forever young chll.to/ca5d4c47
C Y G N - Piña Colada chll.to/24dae0be
C Y G N - You chll.to/c89d5030
#react #nextjs

[@Chris-tq3ni]

Happy Birthday Funny Prog.😀

[@kelvinochubili6762]

Thank you so much Ed! This was very very helpful.

[@developedbyed]

I’ll be gone for 2 days for my birthday trip, but when I’m back we will get back on the Typescript series and get ready to release the huge Next 14 course.
Lots of love ❤️

[@developerpranav]

Happy Birthday Ed! ❤

[@developedbyed]

Thank you!

[@Kris1027_]

This course will be on CZcams?

[@OnlyJavascript]

Happy birthday 🎁🎂

[@yizain1891]

Happy Birthday Ed!

[@gustavomartins3498]

Super fun and informative video. Happy birthday

[@zeeksthegoblin7564]

Happy bday! Enjoy ur trip!

[@MrREALball]

‼‼For anyone watching, there are two GIANT problem with framer-motion reorder lists.
Fist, they don't work well with scrollable lists. When you drag to the edge its doesn't auto scroll. Also, the items behave strangely while draggin on scrollable lists.
Second, they don't support keyboard events. You have to implement those by yourself.
Better solution would be to use dnd-kit. It isn't much more work. I gave the task of porting draggable lists from react-beautiful-dnd to dnd-kit to a junior dev and he did it in a few days. And the way I told him to setup a reusable context component makes it even simpler to use than the framer-motion one.

[@stahlmandesign]

Great video. I've used DND packages for years and it's never been this clear and easy. I also like Framer more and more

[@RicoCollins]

You posted this 5 days ago, and TODAY I have a story on my plate...for this feature. I love you and your timing so...much. Happy Birthday, mate.

[@wanwan-swagg]

Happy belated birthday!! I really appreciate this video!

[@denizorsel1029]

That is amazing. Thank you very much and happy birthday!

[@ladokakhashvili8820]

Dude, absolutely love your energy. You have a face of a man that actually loves his job 💙 inspiring...

[@lamphrangmilamin2966]

You deserve a million sub man.. really love your teaching style.

[@blanxer]

happy birthday man, you are an inspiration, keep doing the good work 😊

[@saadirfan2358]

Happy Birthday Ed ....
Hope u had a great one.

[@Raghunadh9]

Happy Birthday Man... and also, Happy 1 million subscribers in advance ...

[@deveshsharma4585]

Happy birthday bro 🎉 , can u make a video about your vscode setup including extensions

[@georgemamy6283]

Thanks a lot ! But I want to know if it will change the position of items in the database or the API data ?

[@MrSantirangel]

Hey Ed, do you see updating the fullstack course for Next.js 14?

[@ShubhamKute-qj8uv]

Hi Ed!!
Can you please tell me which file upload library you have used in the above video and which one you will recommend?
Awaiting your response...

[@MarcosLima-cs9cd]

hey happy birthday!! you are awesome

[@sardorkh3016]

Happy birthday my bro wish u all the best do more courses 🎉😁

[@LLCrypto]

Always love your content!!!
Do you have a React course?

[@muyiwajohnson6486]

Happy birthday 🎉. Nice from framer motion

[@rog0079]

Happy birthday! be the same! hope everything goes great at your end! & lastly keep uploading these amazing videos!

[@rea_kr]

프로그램을 하면서 즐거워하시는 모습이 흐뭇합니다.

[@tahedisoyad2183]

Loved it!

[@anantgupta5806]

Happy Birthday Bro🥳🎉

[@sudoalex]

Hi Ed! Happy birthday!

[@tejasjani2544]

happy happy birthday man

[@user-gixzvdyiffilpxhjufxam3452]

Happy Birthday Ed the Dev 🫂🎉

[@DevMadeEasy]

Wow, Great Content, thanks for sharing it...

[@enogratechnologies1896]

Happy birthday Ed.

[@omotehinseelvis9845]

Thank you

[@user-xx9jf1lz8x]

This was really helpful.
Currently working on a project where I implemented something similar to this using dnd-kit.
This feels more straightforward, I'm definitely trying this out.
Thanks a lot Ed.

[@daveydex]

Happy Birthday to you Ed.....

[@simonhblanco]

Happy Birthday bro

[@FirasMohamed96]

I love it thanks 😊

[@krayziekray9509]

Hello Ed! What extension do you use for autocomplete in VScode?

[@user-yp5zf6ic4j]

Happy Birthday~!🎂

[@codestudio497]

niiice , last time i use drag and drop i did like 100 line of code including styles and stuff

[@stephanechaffre7451]

Happy birthday !!!

[@rossellacarmisano8280]

What extesion do you use in vs code per autocomplete and autoimport? 🙏

[@guy1061]

Happy birthday Champ 🎉

[@codewithguillaume]

Very nice ed :D

[@genie_dev]

What's that wallpaper?

[@TheIpicon]

amazing video!

[@socialsales2181]

Magic is a scary word when it comes to development.

[@AbhiShake-pl3cf]

Exactly

[@Ngocthach135able]

Can you share your VS Code settings and themes? They look really cool!

[@vikingshadow4877]

Can u make a full course about framer motion plz?

[@ukaszzbrozek6470]

Framer motion is gold.

[@izsalqurlinas]

what the name this theme from your vscode?
i love it.

[@How2Forex]

how much kb will framer motion effect my pkg? as i might only use it for this re-order
?

[@PritamTirpude23]

Happy Birthday Edward 🎁🎉

[@mantas9827]

would have loved to see the code and play around with it (the add image dashboard)

[@user-dp6vz9vw7c]

Happy birthday brother

[@ivan.jeremic]

Does it work for grids too?

[@crosswalker45]

What a coincidence.. Today I was assigned similar task,, and you uploaded this video.

[@sinhang8493]

Nice. I 'd love it

[@ndnow12]

Is there any way to use this with shadcn datatable? I'm having trouble sending and using the set function in a child component.

[@mallickpriyanshu]

Happy Birthday ❤🎉

[@RoomCorner_]

What extension you use for debug error interface?

[@lianamikulin1281]

Happy belated birthday! 🎉

[@mauricio1179]

Looks nice, buuuuuuut.... How is it for performance, updating the database for long Arrays.? I'm no expert, it's just a question.

[@vickonsscope6477]

Happy birthday Silly😂

[@johnefan]

Happy Birthday 🎉

[@omprakash2929_]

Hey how to small your windows 11 taskbar ???

[@kaushalmishra2286]

WHAT THEME YOU USE ON VSCODE ?

[@CoryTheSimmons]

Is there something like this for Expo?

[@ahmadpak]

Happy Birthday ❤

[@padione3540]

Happy birthday🎉

[@SonAyoD]

does this work with expo

[@harishtanty5722]

Wish you a very happy and fun birthday 🎂 🎉

[@shouvikxiaomi5400]

Happy birthday 🎉🎉

[@juliannicholls]

Happy birthday. Mine's soon too.

[@AhmadMaartmesrini]

Happy birthday 🎉❤

[@sankasanjeeva1182]

Happy birthday to my gorgeous teacher on the internet.

[@teeldinho471]

What theme and font?

[@amazekhashaa7309]

How to disable those many popups in vscode?

[@johnalejandroquinterocasti203]

Thanksssss

[@isabelphillips451]

I wish we had an equivalent for VUE ecosystem

[@kristiankristian4652]

Happy Birthday buddy

[@naylord5]

My man! You miss the NSFW tag here because this DnD is too sexy.
Happy Birthday mate! Hope you're having a great time 🔥🎂

[@michealmltefive5510]

Motion Nice )

[@wchorski]

please mention the libraries used in the video title or at least the description.

[@Warpgatez]

I’m still in the shot 😂😂😂

[@Ugojnr]

happy birthday

[@miggu]

I wish this library was fragmented as it's too big (has a lot of animation capabilities) to include just for reorder. Not great when performance is key.

[@miggu]

My bad , I just read through the documentation , they have a section dedicated to explain bundle size

[@mr.makaveli9864]

You bro I like you, do more bro 🔥🔥

[@linuhusainnk]

possible in multidirectional

[@FalconiZzare]

Does it work foor Horizontal drag and drop?

[@ivodelev9794]

Yes, but not both at the same time.They have example of horizontal in the docs

[@yusufalaca-vl7hi]

Can you share the source code of the project?

[@Zagoorland]

What vs code theme is this? Very nice :)

[@developedbyed]

Material theme palenight 😄

[@sourav010]

Happy birthday 🎉🎂, Yesterday was my birthday 🫣 1st March

[@howto-eq8ce]

Hi dev how are you? 🎉

[@jorgemosqueda9409]

HB 🥳🎉

[@johnlayda3299]

My birthday is March 1, 2005 and now you😮

[@raghibhussain1375]

Cool

[@vitaliiverdiiev7272]

🤩

[@amosmachoradevlogs]

Dude daaamn. Do you have a girlfriend with all this knowledge 😂

[@manishpanchal1098]

🦸🦸