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

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.
Cloudflare Unveils Firewall for AI to Shield Large Language Models
Cloudflare Unveils Firewall for AI to Shield Large Language Models
Cloudflare steps ahead with Firewall for AI, an advanced WAF designed to pre-emptively identify and thwart potential abuses targeting Large Language Models.
OpenAI's ChatGPT Now Speaks: The Future of Voice-Interactive AI
OpenAI's ChatGPT Now Speaks: The Future of Voice-Interactive AI
ChatGPT has achieved a milestone feature with OpenAI rolling out voice capabilities. Users can now enjoy hands-free interaction as ChatGPT reads responses aloud on iOS, Android, and web.
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