A GSAP plugin for tweening React.js component state.
This plugin will handle tweening values on a prop called state. If the tween target does not have a setState method, the plugin will not initialize.
React.createClass({ getInitialState: function() { return {width: 0}; }, componentDidMount: function() { TweenLite.to(this, 1, {state: {width: 100}}); }, render: function() { return <div style={{width: this.state.width}}>Hello World!</div> } });- Via npm:
npm install gsap-react-plugin - Via bower:
bower install gsap-react-plugin - Via file > save as: gsap-react-plugin.js