lapple / react-transitive-number Goto Github PK
View Code? Open in Web Editor NEWReact component to apply transition effect to numeric strings, a la old Groupon timers
React component to apply transition effect to numeric strings, a la old Groupon timers
Hey there, Aziz!
Would you consider adding optional prop alike numberClassName that will be added to each span
tag containing number?
It's needed for applying css rules with text-gradient using this technique
as for now I have to specify it like > span > span > span
which is non-optimal
considering how browsers parse css rules
It's easy to implement and shouldn't increase the file size significantly
Thanks! Great lib BTW
I have initial mounting to not animate, so when I later hit an additional digit, it just appears. :(
Would be great to have support of these formatters https://github.com/yahoo/react-intl as children
This component may cause all the following siblings to repaint, the live demo also suffers this issue.
Support React 15.0.1
With React 0.14.0 as a peer dependency, the package install will fail when React 0.13.x is installed. This is all ok but since it's been pushed to npm as a minor release, it's going to break the installs of people that use npm's default version operator (^
).
For example, if the package.json says "react-transitive-number": "^1.1.0",
1.2.0 is going to be fetched but will break on install because of changes in peerDependency requirements. It's a big breakage for a minor release.
Options to solve this:
0.14 was release yesterday but it seems like you didn't anticipate it.
npm ERR! peerinvalid Peer [email protected] wants react@^0.13.0
First off, this is a really cool effect! I'm new to react so I'm not really sure what the issue is; using React 16.2.
index.js:21 Uncaught TypeError: Cannot read property 'span' of undefined
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.