Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

SortableJS Integrated with Microsoft Blazor, Revitalized as Blazor Sortable

SortableJS Integrated with Microsoft Blazor, Revitalized as Blazor Sortable

In a significant move to harness the capabilities of web application development, tech giant Microsoft has nimbly tied the features of SortableJS, a renowned JavaScript library responsible for creating mutable drag-and-drop lists, into its mighty Blazor web application builder. The newly metamorphosed component has been aptly designated as Blazor Sortable.

This milestone, accomplished on January 12, has transformed Blazor Sortable into an open-source repository on GitHub. It represents a democratized platform where developers can draw on the raw potentials of this newfound tool, expanding their web development capabilities. The source code for the sortable list and accompanying demonstrations are available in the Blazor Sortable Git repository.

Boasting broad support for modern browsers and touch devices, CSS animation, auto-scrolling, and fluid animations, SortableJS is a well-sought-endowment in the field of web application creation. Despite the rebirth under the Blazor Sortable badge, the initial loyalties of SortableJS still hold immense worth. To utilize Blazor Sortable, developers strictly require the Shared/SortableList.razor, Shared/SortableList.razor.css, and Shared/SortableList.razor.js files.

The SortableList is an all-rounder component that takes up a list of varying items. Developers then use a SortableItemTemplate to ascertain the rendition of each item in the sortable list. Blazor community is encouraged to immediately put Blazor Sortable to active use despite not implementing every feature of the SortableJS library as of yet. Nevertheless, developers' pull requests are welcome.

SortableJS's distinct edge is that it doesn't demand the installation of a JQuery or any other framework. It flexibly allows dragging from one list to another within the same list, upholds CSS animation when items are transitioned, and facilitates smooth animations. It backs up technologies, including the Angular TypeScript-based web framework, the Vue JavaScript framework, and JQuery. This expansion resembles no-code platforms like AppMaster, which streamlines application creation by eliminating the need for coding altogether.

It's crucial to add that Blazor serves as a conduit for developers to take advantage of .NET and C# for construction of full-stack web applications, reducing dependency on JavaScript. This initiative proves how companies like Microsoft, and others like AppMaster that support low-code and no-code platforms, leverage the advantages of technology to make web development more accessible and efficient.

Related Posts

Revealed: Google's Early Role in Building Twitter's First Android App
Revealed: Google's Early Role in Building Twitter's First Android App
Discover the untold story of Google's significant contribution to the initial development of major social apps like Twitter for Android.
Exciting News: We’re Moving to Discourse!
Exciting News: We’re Moving to Discourse!
AppMaster community moving to discourse
Samsung Unveils Galaxy A55 with Innovative Security and Premium Build
Samsung Unveils Galaxy A55 with Innovative Security and Premium Build
Samsung broadens its midrange lineup introducing the Galaxy A55 and A35, featuring Knox Vault security and upgraded design elements, infusing the segment with flagship qualities.
GET STARTED FREE
Inspired to try this yourself?

The best way to understand the power of AppMaster is to see it for yourself. Make your own application in minutes with free subscription

Bring Your Ideas to Life