آموزش ایجاد امکانات Drag & Drop در React

با مشاهده این کورس آموزشی قدم به قدم یاد می گیرید که چطور رابط های کاربری Drag & Drop بوسیله React ایجاد کنید. 

عنوان اصلی : Beautiful and Accessible Drag and Drop with react-beautiful-dnd

سرفصل ها :

معرفی دوره: کشیدن و رها کردن زیبا و قابل دسترس با react-beautiful-dnd
با Create-react-app یک محیط React راه اندازی کنید
با React فهرستی از داده ها را ایجاد و سبک کنید
با react-beautiful-dnd یک لیست را دوباره ترتیب دهید
مرتب سازی مجدد لیست ادامه دار با react-beautiful-dnd با استفاده از پاسخ به تماس onDragEnd
با استفاده از مقادیر عکس فوری react-beautiful-dnd ظاهر یک برنامه را در حین کشیدن سفارشی کنید
با استفاده از react-beautiful-dnd onDragStart و onDragEnd ظاهر یک برنامه را سفارشی کنید
تعیین کنترل کشیدن برای یک react-beautiful-dnd قابل کشیدن با dragHandleProps
با استفاده از onDragEnd آیتم ها را بین ستون ها با react-beautiful-dnd جابه جا کنید
با استفاده از React-beautiful-dnd Draggable and Droppable Movement به صورت مشروط اجازه دهید
لیست های افقی قابل مرتب سازی مجدد را با پشتیبانی جهت react-beautiful-dnd ایجاد کنید
ترتیب ستون ها را با react-beautiful-dnd تغییر دهید
بهینه سازی عملکرد در react-beautiful-dnd با shouldComponentUpdate و PureComponent
پیام‌های صفحه‌خوان را برای کشیدن و رها کردن با react-beautiful-dnd سفارشی کنید