Beautiful Sortable Drag & Drop Lists for your Blazor Apps

dotnet February 6, 2024
Video Thumbnail
dotnet Logo

dotnet

@dotnet

About

.NET is a free, cross-platform, open source developer platform for building many different types of applications. With .NET, you can use multiple languages, editors, and libraries to build for web, cloud, mobile, desktop, games, and IoT. This is the official YouTube channel for the .NET team at Microsoft.

Video Description

Join Burke Holland and Jon Galloway as they join James Montemagno to talk about Blazor Sortable, a Blazor component enabling integration with the SortableJS library. Drag, Drop, Filter, Clone, and so much more with these sortable lists for your web apps. Chapters: 00:00 - Intro to TheUrlist and Burke Learns Blazor 01:47 - Overview of how TheUrlist project works 03:35 - Why use SortableJS instead of HTML5 drag and drop? 06:53 - Blazor Sortable feature demo 08:25 - Making Blazor and JS libraries cooperate on DOM updates 10:50 - Demo - Using Blazor Sortable in a Blazor app 21:33 - JS Interop code explained 24:03 - Lessons learned in building the project 31:08 - Wrap up and what's next for TheUrlist Resources: Demo: https://blazorsortable.theurlist.com/ Code: https://github.com/the-urlist/blazorsortable Connect with .NET: Blog: https://aka.ms/dotnet/blog Twitter: https://aka.ms/dotnet/twitter TikTok: https://aka.ms/dotnet/tiktok Mastodon: https://aka.ms/dotnet/mastodon LinkedIn: https://aka.ms/dotnet/linkedin Facebook: https://aka.ms/dotnet/facebook Docs: https://learn.microsoft.com/dotnet Forums: https://aka.ms/dotnet/forums 🙋‍♀️Q&A: https://aka.ms/dotnet-qa 👨‍🎓Microsoft Learn: https://aka.ms/learndotnet #dotnet

No Recommendations Found

No products were found for the selected channel.