웹 애플리케이션 개발 기능을 활용하려는 중요한 움직임으로 거대 기술 기업인 Microsoft는 변경 가능한 drag-and-drop 목록 생성을 담당하는 유명한 JavaScript 라이브러리인 SortableJS 의 기능을 강력한 Blazor 웹 애플리케이션 빌더에 민첩하게 연결했습니다. 새로 변형된 구성 요소는 적절하게 Blazor Sortable 로 지정되었습니다.
1월 12일에 달성된 이 이정표는 Blazor Sortable GitHub의 오픈 소스 저장소로 전환했습니다. 이는 개발자가 이 새로 발견된 도구의 원시 잠재력을 활용하여 웹 개발 기능을 확장할 수 있는 민주화된 플랫폼을 나타냅니다. 정렬 가능한 목록의 소스 코드 및 관련 데모는 Blazor Sortable Git 리포지토리에서 사용할 수 있습니다.
최신 브라우저 및 터치 장치, CSS 애니메이션, 자동 스크롤 및 유동적 애니메이션에 대한 광범위한 지원을 자랑하는 SortableJS 는 웹 애플리케이션 생성 분야에서 인기가 높은 제품입니다. Blazor Sortable 배지로 재탄생했음에도 불구하고 SortableJS 에 대한 초기 충성도는 여전히 엄청난 가치를 지니고 있습니다. Blazor Sortable 활용하려면 개발자는 Shared/SortableList.razor, Shared/SortableList.razor.css 및 Shared/SortableList.razor.js 파일이 엄격히 필요합니다.
SortableList는 다양한 항목의 목록을 차지하는 만능 구성 요소입니다. 그런 다음 개발자는 SortableItemTemplate 사용하여 정렬 가능한 목록에 있는 각 항목의 변환을 확인합니다. Blazor 커뮤니티에서는 아직 SortableJS 라이브러리의 모든 기능을 구현하지 않았음에도 불구하고 Blazor Sortable 즉시 적극적으로 사용하도록 권장됩니다. 그럼에도 불구하고 개발자의 풀 요청은 환영합니다.
SortableJS 의 뚜렷한 장점은 JQuery나 다른 프레임워크를 설치할 필요가 없다는 것입니다. 동일한 목록 내에서 한 목록에서 다른 목록으로 유연하게 드래그할 수 있고 항목이 전환될 때 CSS 애니메이션을 유지하며 부드러운 애니메이션을 촉진합니다. Angular TypeScript 기반 웹 프레임워크, Vue JavaScript 프레임워크 및 JQuery 포함한 기술을 백업합니다. 이 확장은 코딩의 필요성을 완전히 제거하여 애플리케이션 생성을 간소화하는 AppMaster 와 같은 no-code 플랫폼과 유사합니다.
Blazor 개발자가 전체 스택 웹 애플리케이션을 구축하기 위해 .NET 및 C#을 활용하여 JavaScript에 대한 종속성을 줄일 수 있는 통로 역할을 한다는 점을 추가하는 것이 중요합니다. 이 이니셔티브는 Microsoft와 같은 회사 및 low-code 및 no-code 플랫폼을 지원하는 AppMaster 와 같은 다른 회사가 기술의 이점을 활용하여 웹 개발을 보다 쉽게 접근하고 효율적으로 만드는 방법을 입증합니다.