Comments (9)
@patrickdevivo unfortunately we are a bit stuck here because nouislider upgraded in ways it's not easy to upgrade for us since we are using it in instantsearch.js.
If you are looking for good sliders in the react world, I advise you to have a look at https://github.com/airbnb/rheostat or http://react-component.github.io/slider/
so that this react wrapper can work properly.
It's not working right now?
from react-nouislider.
@vvo Can you be more specific about the issues in upgrading nouislider?
from react-nouislider.
It looks like the algolia fork is behind the original nouislider by one version. So it's misleading to say that react-nouislider wraps nouislider while in fact it wraps a fork of it.
The original nouislider changed how the 'connect' option works, and while the propTypes were updated by #32, the nouislider-algolia-fork is not up to date with the underlying changes in 'connect' option.
from react-nouislider.
@leongersen Mostly the fact that nouislider went from supporting two handles to multiple handles, while we were relying on various CSS classes (like lower upper), last time I tried to migrate to new nouislider in instantsearch.js I was stuck, required a lot of work, while right now it's not necessary for us.
Ultimately what we could do is declare nouislider as a peerDependency so you can continue using it and we can use the previous version.
from react-nouislider.
@vvo In noUiSlider 9.1.0 (released just now), the .noUi-handle-lower
and .noUi-handle-upper
classes were re-added*, and the connect
options 'lower'
and 'upper'
are now automatically re-mapped to the new array syntax. With these changes, updating noUiSlider from 8.x to 9.x should be painless.
Could you reconsider updating this package so people using it can benefit from the new features and fixes in the original lib?
* They were removed because they make less sense when you use more than two handles, but if you do use two handles they're useful as always.
from react-nouislider.
@leongersen That's kind of awesome, I will put this on my TODO list and check it's ok instantsearch.js wise.
from react-nouislider.
Is the package is updated yet ?
from react-nouislider.
It's looking like the package hasn't been updated yet, although the nouislider has been updated on Dec 10, 2016
I'm trying to create a custom component that use the new version of nouislider. If anyone has it done, please share!
Cheers.
from react-nouislider.
Sorry we are not maintaining this repository anymore for now. I recommend using something like https://github.com/airbnb/rheostat
from react-nouislider.
Related Issues (20)
- How to get value? HOT 12
- Import name HOT 2
- Disabled slider support HOT 1
- Error when implementing inside another component HOT 2
- "Behavior" attribute not passing into slider HOT 2
- Does not support server-side rendering HOT 3
- Formatting of tooltips HOT 8
- Using "Tooltips" is giving Warning in console HOT 1
- Flickering on re-render HOT 4
- Binding 'this' in onUpdate callback causes infinite render 'call stack exceeded' HOT 11
- Getting the end event HOT 4
- tooltip overlays handle after 2 handles HOT 1
- Passing connect array fail HOT 3
- Connect PropTypes have changed HOT 2
- connect not showing? HOT 1
- Sliders getting stuck on the edge. HOT 1
- onStart fires multiple times when sliding, resulting touch stuck HOT 1
- Not working with React 16 due to use of propTypes from React, need to use 'prop-types' module to make it compatible HOT 5
- Remove decimals? HOT 4
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 react-nouislider.