This React Drag and Drop Component Is Magic

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 พ.ค. 2024
  • 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
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 120

  • @developedbyed
    @developedbyed  2 หลายเดือนก่อน +42

    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
      @developerpranav 2 หลายเดือนก่อน

      Happy Birthday Ed! ❤

    • @developedbyed
      @developedbyed  2 หลายเดือนก่อน +1

      Thank you!

    • @Kris1027_
      @Kris1027_ 2 หลายเดือนก่อน

      This course will be on TH-cam?

    • @OnlyJavascript
      @OnlyJavascript 2 หลายเดือนก่อน

      Happy birthday 🎁🎂

    • @yizain1891
      @yizain1891 2 หลายเดือนก่อน

      Happy Birthday Ed!

  • @kelvinochubili6762
    @kelvinochubili6762 หลายเดือนก่อน

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

  • @RicoCollins
    @RicoCollins 2 หลายเดือนก่อน +1

    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.

  • @MrREALball
    @MrREALball 2 หลายเดือนก่อน +3

    ‼‼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.

  • @Chris-tq3ni
    @Chris-tq3ni 2 หลายเดือนก่อน +21

    Happy Birthday Funny Prog.😀

  • @denizorsel1029
    @denizorsel1029 2 หลายเดือนก่อน

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

  • @gustavomartins3498
    @gustavomartins3498 2 หลายเดือนก่อน

    Super fun and informative video. Happy birthday

  • @lamphrangmilamin2966
    @lamphrangmilamin2966 หลายเดือนก่อน

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

  • @zeeksthegoblin7564
    @zeeksthegoblin7564 2 หลายเดือนก่อน +3

    Happy bday! Enjoy ur trip!

  • @ladokakhashvili8820
    @ladokakhashvili8820 2 หลายเดือนก่อน +1

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

  • @stahlmandesign
    @stahlmandesign 2 หลายเดือนก่อน +2

    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

  • @saadirfan2358
    @saadirfan2358 2 หลายเดือนก่อน

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

  • @blanxer
    @blanxer 2 หลายเดือนก่อน

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

  • @genie_dev
    @genie_dev 2 หลายเดือนก่อน +2

    What's that wallpaper?

  • @deveshsharma4585
    @deveshsharma4585 2 หลายเดือนก่อน +1

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

  • @sardorkh3016
    @sardorkh3016 2 หลายเดือนก่อน

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

  • @MrSantirangel
    @MrSantirangel 2 หลายเดือนก่อน +3

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

  • @LLCrypto
    @LLCrypto 2 หลายเดือนก่อน

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

  • @georgemamy6283
    @georgemamy6283 2 หลายเดือนก่อน

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

  • @Raghunadh9
    @Raghunadh9 2 หลายเดือนก่อน

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

  • @muyiwajohnson6486
    @muyiwajohnson6486 2 หลายเดือนก่อน

    Happy birthday 🎉. Nice from framer motion

  • @rog0079
    @rog0079 2 หลายเดือนก่อน

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

  • @tahedisoyad2183
    @tahedisoyad2183 2 หลายเดือนก่อน

    Loved it!

  • @DevMadeEasy
    @DevMadeEasy 2 หลายเดือนก่อน

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

  • @MarcosLima-cs9cd
    @MarcosLima-cs9cd 2 หลายเดือนก่อน

    hey happy birthday!! you are awesome

  • @user-gixzvdyiffilpxhjufxam3452
    @user-gixzvdyiffilpxhjufxam3452 2 หลายเดือนก่อน

    Happy Birthday Ed the Dev 🫂🎉

  • @FirasMohamed96
    @FirasMohamed96 2 หลายเดือนก่อน

    I love it thanks 😊

  • @anantgupta5806
    @anantgupta5806 2 หลายเดือนก่อน

    Happy Birthday Bro🥳🎉

  • @How2Forex
    @How2Forex 2 หลายเดือนก่อน

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

  • @krayziekray9509
    @krayziekray9509 2 หลายเดือนก่อน

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

  • @ShubhamKute-qj8uv
    @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...

  • @mantas9827
    @mantas9827 2 หลายเดือนก่อน

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

  • @codewithguillaume
    @codewithguillaume 2 หลายเดือนก่อน

    Very nice ed :D

  • @rossellacarmisano8280
    @rossellacarmisano8280 หลายเดือนก่อน

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

  • @daveydex
    @daveydex 2 หลายเดือนก่อน

    Happy Birthday to you Ed.....

  • @user-xx9jf1lz8x
    @user-xx9jf1lz8x 2 หลายเดือนก่อน +2

    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.

  • @Ngocthach135able
    @Ngocthach135able 2 หลายเดือนก่อน

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

  • @codestudio497
    @codestudio497 2 หลายเดือนก่อน

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

  • @omotehinseelvis9845
    @omotehinseelvis9845 หลายเดือนก่อน

    Thank you

  • @tejasjani2544
    @tejasjani2544 2 หลายเดือนก่อน

    happy happy birthday man

  • @izsalqurlinas
    @izsalqurlinas หลายเดือนก่อน

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

  • @socialsales2181
    @socialsales2181 19 วันที่ผ่านมา +1

    Magic is a scary word when it comes to development.

  • @enogratechnologies1896
    @enogratechnologies1896 2 หลายเดือนก่อน

    Happy birthday Ed.

  • @RoomCorner_
    @RoomCorner_ 8 วันที่ผ่านมา

    What extension you use for debug error interface?

  • @vikingshadow4877
    @vikingshadow4877 หลายเดือนก่อน

    Can u make a full course about framer motion plz?

  • @simonhblanco
    @simonhblanco 2 หลายเดือนก่อน

    Happy Birthday bro

  • @ukaszzbrozek6470
    @ukaszzbrozek6470 2 หลายเดือนก่อน

    Framer motion is gold.

  • @sudoalex
    @sudoalex 2 หลายเดือนก่อน

    Hi Ed! Happy birthday!

  • @user-yp5zf6ic4j
    @user-yp5zf6ic4j หลายเดือนก่อน

    Happy Birthday~!🎂

  • @ndnow12
    @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.

  • @guy1061
    @guy1061 2 หลายเดือนก่อน

    Happy birthday Champ 🎉

  • @sinhang8493
    @sinhang8493 หลายเดือนก่อน

    Nice. I 'd love it

  • @stephanechaffre7451
    @stephanechaffre7451 2 หลายเดือนก่อน

    Happy birthday !!!

  • @PritamTirpude23
    @PritamTirpude23 2 หลายเดือนก่อน

    Happy Birthday Edward 🎁🎉

  • @crosswalker45
    @crosswalker45 2 หลายเดือนก่อน +1

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

  • @TheIpicon
    @TheIpicon 2 หลายเดือนก่อน

    amazing video!

  • @kaushalmishra2286
    @kaushalmishra2286 หลายเดือนก่อน

    WHAT THEME YOU USE ON VSCODE ?

  • @johnalejandroquinterocasti203
    @johnalejandroquinterocasti203 15 วันที่ผ่านมา

    Thanksssss

  • @lianamikulin1281
    @lianamikulin1281 2 หลายเดือนก่อน

    Happy belated birthday! 🎉

  • @user-dp6vz9vw7c
    @user-dp6vz9vw7c 2 หลายเดือนก่อน

    Happy birthday brother

  • @ivan.jeremic
    @ivan.jeremic 2 หลายเดือนก่อน

    Does it work for grids too?

  • @rea_kr
    @rea_kr หลายเดือนก่อน

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

  • @CoryTheSimmons
    @CoryTheSimmons 2 หลายเดือนก่อน

    Is there something like this for Expo?

  • @shaileshkuswaha1126
    @shaileshkuswaha1126 2 หลายเดือนก่อน

    Happy Birthday 🎉

  • @SonAyoD
    @SonAyoD 2 หลายเดือนก่อน

    does this work with expo

  • @omprakash2929_
    @omprakash2929_ 2 หลายเดือนก่อน

    Hey how to small your windows 11 taskbar ???

  • @mallickpriyanshu
    @mallickpriyanshu 2 หลายเดือนก่อน

    Happy Birthday ❤🎉

  • @AhmadMaartmesrini
    @AhmadMaartmesrini 2 หลายเดือนก่อน

    Happy birthday 🎉❤

  • @shouvikxiaomi5400
    @shouvikxiaomi5400 2 หลายเดือนก่อน

    Happy birthday 🎉🎉

  • @ahmadpak
    @ahmadpak 2 หลายเดือนก่อน

    Happy Birthday ❤

  • @mauricio1179
    @mauricio1179 2 หลายเดือนก่อน

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

  • @vickonsscope6477
    @vickonsscope6477 2 หลายเดือนก่อน

    Happy birthday Silly😂

  • @padione3540
    @padione3540 2 หลายเดือนก่อน

    Happy birthday🎉

  • @amazekhashaa7309
    @amazekhashaa7309 หลายเดือนก่อน

    How to disable those many popups in vscode?

  • @teeldinho471
    @teeldinho471 2 หลายเดือนก่อน

    What theme and font?

  • @wchorski
    @wchorski หลายเดือนก่อน

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

  • @isabelphillips451
    @isabelphillips451 หลายเดือนก่อน

    I wish we had an equivalent for VUE ecosystem

  • @mr.makaveli9864
    @mr.makaveli9864 2 หลายเดือนก่อน

    You bro I like you, do more bro 🔥🔥

  • @harishtanty5722
    @harishtanty5722 2 หลายเดือนก่อน

    Wish you a very happy and fun birthday 🎂 🎉

  • @michealmltefive5510
    @michealmltefive5510 2 หลายเดือนก่อน

    Motion Nice )

  • @linuhusainnk
    @linuhusainnk หลายเดือนก่อน

    possible in multidirectional

  • @juliannicholls
    @juliannicholls 2 หลายเดือนก่อน

    Happy birthday. Mine's soon too.

  • @naylord5
    @naylord5 2 หลายเดือนก่อน +1

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

  • @sankasanjeeva1182
    @sankasanjeeva1182 2 หลายเดือนก่อน

    Happy birthday to my gorgeous teacher on the internet.

  • @yusufalaca-vl7hi
    @yusufalaca-vl7hi หลายเดือนก่อน

    Can you share the source code of the project?

  • @Warpgatez
    @Warpgatez หลายเดือนก่อน

    I’m still in the shot 😂😂😂

  • @Ugojnr
    @Ugojnr 2 หลายเดือนก่อน

    happy birthday

  • @FalconiZzare
    @FalconiZzare 2 หลายเดือนก่อน

    Does it work foor Horizontal drag and drop?

    • @ivodelev9794
      @ivodelev9794 2 หลายเดือนก่อน +1

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

  • @Zagoorland
    @Zagoorland 2 หลายเดือนก่อน

    What vs code theme is this? Very nice :)

    • @developedbyed
      @developedbyed  2 หลายเดือนก่อน +1

      Material theme palenight 😄

  • @sourav010
    @sourav010 2 หลายเดือนก่อน

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

  • @jorgemosqueda9409
    @jorgemosqueda9409 2 หลายเดือนก่อน

    HB 🥳🎉

  • @howto-eq8ce
    @howto-eq8ce 2 หลายเดือนก่อน

    Hi dev how are you? 🎉

  • @johnlayda3299
    @johnlayda3299 2 หลายเดือนก่อน

    My birthday is March 1, 2005 and now you😮

  • @raghibhussain1375
    @raghibhussain1375 หลายเดือนก่อน

    Cool

  • @vitaliiverdiiev7272
    @vitaliiverdiiev7272 22 วันที่ผ่านมา

    🤩

  • @amosmachoradevlogs
    @amosmachoradevlogs 9 วันที่ผ่านมา

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

  • @manishpanchal1098
    @manishpanchal1098 หลายเดือนก่อน

    🦸🦸

  • @kristiankristian4652
    @kristiankristian4652 2 หลายเดือนก่อน

    Happy Birthday buddy

  • @dickydarmawan4790
    @dickydarmawan4790 2 หลายเดือนก่อน

    Happy Birthday

  • @johnefan
    @johnefan 2 หลายเดือนก่อน

    Happy Birthday 🎉