Comments (3)
I created a 'lightweight' (no aria or swiping) for use in a react project if yr still interested:
You can just pull out the slip.js and slip.css files from the repo. Don't think it will work outside react context though as it uses some es6 features.
from slip.
I’m curious why it was necessary to strip down this library. The swiping functionality isn’t very large. If you have a contribution to slip.js that would help use it in a React context, I think that would be a useful PR.
As it stands, I thank you for the demo, but it would not really be usable if it doesn’t support the existing functionality and backward compatibility.
from slip.
I tried a number of react sortable libraries - react-beautiful-dnd, react-smooth-dnd, react-sortable-hoc, react-spring. This was this only library that worked without "jank" or scrolling issues while dragging, and at very close to 60fps on a low end Windows mobile running Edge ( pretty niche user base).
I'm not the greatest js/front end developer in the work so I stripped out things I didn't need in order to understand how it worked. I tweaked it a bit and since it's for my own use, didn't bother putting it back in.
One tweak I did might be useful for this repo - animate smoothly into position on drop. You can see it in the demo.
from slip.
Related Issues (20)
- Suggestion: ignore elements
- 'click' gets triggered when element is dropped (mouse only) HOT 4
- 'reorder' is raised on click without delay
- Suggestion: include pointer type in event info
- Scrolling while dragging seems to be broken HOT 10
- stopPropagation() on onMouseUp is interfering with other libraries
- How to Swip Left Action HOT 1
- Suggestion: adding a BSD-2 license file
- Get order HOT 3
- Get Array of all data HOT 3
- Safari cursor update bug HOT 1
- Example index.html generates error HOT 1
- [Question] Programmatically trigger Slip actions HOT 2
- Click on 'sortable' element under Firefox HOT 8
- how to add a fixed label column HOT 1
- Locked elements in lists HOT 7
- Element gets added again when I swipe left HOT 2
- Npm call HOT 1
- get index or id of an <li> element HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from slip.