آموزش ایجاد امکانات 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 سفارشی کنید
Beautiful and Accessible Drag and Drop with react-beautiful-dnd