کتابخانه react-beautiful-dnd به ما اجازه میده تو اپیکیشن ری اکتی خودمون حالت Drag & Drop اِلِمان هارو پیاده سازی کنیم. یعنی اِلِمان های دلخواه خودمون رو با موس بگیریم و در جایی دیگه رها کنیم! قطعا اگه بخوایم بدون کتابخانه های خارجی اینکار رو انجام بدیم باید روزها زمان صرف این پیاده سازی این ویژگی کنیم اما به کمک کتابخانه react-beautiful-dnd میتونیم تو چند دقیقه این ویژگی جذاب رو به اپیکیشن خودمون اضافه کنیم ..
پس اگه قصد پیاده سازی حالت Drag & Drop در ری اکت رو دارید، با فِرانت اِندی همراه باشید …
کتابخانه react-beautiful-dnd یکی از بهترین کتابخانه ها جهت پیاده سازی حالت Drag & Drop در ری اکت هست که هم جامعه آماری خیلی خوبی داره و هم استفاده ازش آسونه!
درواقع کتابخانه های خیلی زیادی در ری اکت در زمینه پیاده سازی Drag & Drop یا همون DND به ما کمک میکنن اما هیچکدوم به خوبی کتابخانه react-beautiful-dnd نیستن!
خیلی وقتا نیاز داریم که کاربر یک یا چند اِلِمان رو Drag کنه و در جاهایی که مشخص شده Drop کنه! اگه بخوایم چنین ویژگی رو بدون کتابخانه های خارجی پیاده سازی کنیم قطعا کلی زمان باید صرف کنیم اما کتابخانه react-beautiful-dnd کمک میکنه تو چند دقیقه این کار رو انجام بدیم 🙂
برای مطالعه ادامه آموزش + تیکه کد ها و مثالهای بیشتر روی لینک زیر کلیک کنید :
