Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 11 JavaScript Sortable Projects
-
Project mention: Is there a react library that allows you to do this? I made the one in the video but I dont know if it's any good | /r/webdev | 2023-07-04
This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Project mention: Show HN: An open source visual editor for React | news.ycombinator.com | 2023-09-05Well, there are obvious leading contenders like `https://sortablejs.github.io/Sortable/` and, within the `vue` space, `https://sortablejs.github.io/vue.draggable.next/`. Most of the stuff I looked at was unmaintained (lots not updated for vue3).
I really disliked the vuedraggable was handling nesting, and it's just a wrapper around a sortable. At the end of the day, my problem was simple enough that I didn't want a 500kb dependency. If you're wanting to do something like the OP but with nesting, I'd definitely start by looking at Sortable, though (maybe wrapping it the way you want).
-
Amplication
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
-
-
Project mention: [Vue Js] Comment avoir un conteneur vide avec Vue-Sooth-DND? | /r/enfrancais | 2023-05-07
-
-
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
gigatables-react
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
-
-
-
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-09-05.
JavaScript Sortable related posts
- SortableJS: Library for reorderable drag-and-drop lists
- How do you implement drag-select using React-DnD?
- How to Drag and Drop in React
- react sortable-js, two types of items and nested items
- Can anyone share an example of drag and drop content
- Here's how I did in my first week of Frontend Mentor challenges.
- I am creating a form builder using React DnD but having some issues.
-
A note from our sponsor - Sonar
www.sonarsource.com | 23 Sep 2023
Index
What are some of the best open-source Sortable projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-beautiful-dnd | 30,928 |
| 2 | sortablejs | 27,441 |
| 3 | react-sortable-hoc | 10,543 |
| 4 | react-sortable-tree | 4,804 |
| 5 | vue-smooth-dnd | 1,621 |
| 6 | react-native-drag-sort | 671 |
| 7 | livewire-sortablejs | 212 |
| 8 | gigatables-react | 139 |
| 9 | Ractive.js sortable decorator plugin | 15 |
| 10 | ember-sortablejs | 11 |
| 11 | react-dndkit-eg | 2 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com