SortableJS переносит списки с перетаскиванием в Microsoft Blazor

Разработчики преобразовали SortableJS, инструмент JavaScript для создания списков с возможностью перетаскивания, в компонент Blazor для разработки веб-приложений Microsoft, переименовав его в Blazor Sortable.

Разработчики преобразовали SortableJS, инструмент JavaScript для создания списков с возможностью перетаскивания, в компонент Blazor для разработки веб-приложений Microsoft, переименовав его в Blazor Sortable.

Этот инструмент, часто используемый в веб-разработке, обеспечивает поддержку сенсорных устройств, совместимость с современными браузерами, включает CSS-анимации, автоматическую прокрутку и плавные переходы.

Blazor Sortable стал доступен 12 января с открытым исходным кодом на GitHub. В его репозитории на GitHub находится код для создания сортируемых списков и примеры использования. Для внедрения Blazor Sortable разработчикам нужно подключить файлы Shared/SortableList.razor, Shared/SortableList.razor.css и Shared/SortableList.razor.js. SortableList является универсальным компонентом, принимающим список элементов, а SortableItemTemplate позволяет настроить отображение каждого элемента списка.

Blazor позволяет создавать веб-приложения, используя .NET и C# без написания кода на JavaScript. Рекомендуется начать использовать Blazor Sortable, хотя некоторые функции из SortableJS еще не доступны. Разработчиков призывают предлагать улучшения.

SortableJS работает без JQuery и других фреймворков. Она поддерживает перетаскивание между и внутри списков, анимацию перемещения элементов, CSS-трансформации и плавные анимации. Библиотека совместима с Angular TypeScript и Vue, а также поддерживает JQuery.

Читайте также
Опубликовали предварительную версию Catalyst v0.1.0
Опубликовали предварительную версию Catalyst v0.1.0
Опубликовали предварительную версию Catalyst v0.1.0

По словам разработчиков, Catalyst — это первый полностью компонентизованный UI-kit, который выполнен по концепции Batteries Included («Всё включено»). В нем используются настоящие компоненты React с продуманными API.

Deno 1.40: будущий Temporal API и декораторы JavaScript
Deno 1.40: будущий Temporal API и декораторы JavaScript
Deno 1.40: будущий Temporal API и декораторы JavaScript

В Deno 1.40 реализовали предстоящий Temporal API JavaScript для расширенных операций с датой и временем, а также новейшее предложение декораторов JavaScript для мета- и аспектно-ориентированного программирования.

Чем функции в React.js лучше классов
Чем функции в React.js лучше классов
Чем функции в React.js лучше классов

В последнее время функции используют чаще, чем классы при разработке на React.js, популярной библиотеки для создания пользовательских интерфейсов. При этом React позволяет разработчикам создавать компоненты с использованием как функций, так и классов. В этом материале рассмотрим, почему так вышло.

7 расширений Chrome, которые ускорят работу на фронтенде
7 расширений Chrome, которые ускорят работу на фронтенде
7 расширений Chrome, которые ускорят работу на фронтенде

Рассказали о полезных фронтенд-инструментах для повышения производительности.