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

AppMaster at BubbleCon 2024: Exploring No-Code Trends
AppMaster at BubbleCon 2024: Exploring No-Code Trends
AppMaster participated in BubbleCon 2024 in NYC, gaining insights, expanding networks, and exploring opportunities to drive innovation in the no-code development space.
FFDC 2024 Wrap-Up: Key Insights from the FlutterFlow Developers Conference in NYC
FFDC 2024 Wrap-Up: Key Insights from the FlutterFlow Developers Conference in NYC
FFDC 2024 lit up New York City, bringing developers cutting-edge insights into app development with FlutterFlow. With expert-led sessions, exclusive updates, and unmatched networking, it was an event not to be missed!
Tech Layoffs of 2024: The Continuing Wave Affecting Innovation
Tech Layoffs of 2024: The Continuing Wave Affecting Innovation
With 60,000 jobs cut across 254 companies, including giants like Tesla and Amazon, 2024 sees a continued wave of tech layoffs reshaping innovation landscape.
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