Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Beautiful Sortable Drag & Drop Lists for your Blazor Apps

dotnet
324K subscribers
<__slot-el>
<__slot-el>
14K views 1 year ago #dotnet
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/blazors... 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 ...more
...more
Beautiful Sortable Drag & Drop Lists for your Blazor Apps
305Likes
14,787Views
2024Feb 6
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/blazors... 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

Follow along using the transcript.

dotnet

324K subscribers