This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var _ = require("lodash"); | |
var d3 = require("d3"); | |
var raf = require("raf"); | |
var getInterpolator = function getInterpolator(from, to) { | |
return d3.interpolate(from, to); | |
}; | |
var startInterpolation = function startInterpolation(properties, easing, duration, onTick, onComplete) { | |
var aborted = false; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** @jsx React.DOM */ | |
var React = require("react"); | |
var AnimateMixin = require("react-animate"); | |
var SimpleAnimation = React.createClass({ | |
mixins: [AnimateMixin], | |
getInitialState: function getInitialState() { | |
return { | |
showoff: false, | |
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** @jsx React.DOM */ | |
var React = require("react"); | |
var fromCSS = require("react-css").fromCSS; | |
var myStyle = fromCSS("{" + | |
"transform: rotate(20deg);" + | |
"background-color: red;" + | |
"width: 100px;" + | |
"margin: 50px;" + | |
"}"); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** @jsx React.DOM */ | |
var React = require("react"); | |
var AnimateMixin = require("react-animate"); | |
var fromCSS = require("react-css").fromCSS; | |
var from = fromCSS("{" + | |
"transform: rotate(0deg);" + | |
"background-color: blue;" + | |
"margin: 50px;" + | |
"width: 200px;" + |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** @jsx React.DOM */ | |
var React = require("react"); | |
var AnimateMixin = require("react-animate"); | |
var fromCSS = require("react-css").fromCSS; | |
var from = fromCSS("{" + | |
"transform: rotate(0deg);" + | |
"background-color: blue;" + | |
"margin: 50px;" + | |
"width: 200px;" + |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var AsyncDependencies = require("react-asyncdependencies"); | |
var request = require("request"); | |
var TodoList = React.createClass({ | |
mixins: [AsyncDependencies.Mixin], | |
getInitialState: function() { | |
return { | |
todosIds: null, | |
}; | |
}, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
alias git-patch="git add -A && git commit -m" | |
alias npm-patch="npm version patch && git push && git push --tags && npm publish" | |
alias npm-minor="npm version minor && git push && git push --tags && npm publish" | |
alias npm-major="npm version major && git push && git push --tags && npm publish" | |
alias npm-upgrade="npm cache clear && npm-check-updates -u && npm install" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function renderToObject(element) { | |
const inst = instantiateReactComponent(element); | |
inst.state = inst.getInitialState ? inst.getInitialState() : null; | |
return Promise.resolve(inst.componentWillMount ? inst.componentWillMount() : null) | |
.then(() => { | |
const r = inst.render(); | |
inst.componentWillUnmount(); | |
return r; | |
}); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Full stack flux | |
^ Actions go up v Updates go down | |
PostgreSQL (shardable) | |
^ Stored procedures v NOTIFY | |
Node PostegreSQL/redis broker (clusterable) | |
^ PUBLISH v SUBSCRIBE | |
redis MQ (shardable) | |
^ PUBLISH v SUBSCRIBE |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const server = new FluxServer(8080); | |
const messageList = server.Store('/messageList'); | |
messageList.set('nextId', 0).commit(); | |
const postMessage = server.Action('/postMessage') | |
.onDispatch(({ nickname, message }) => { | |
messageList.set(messageList.get('nextId') + 1, { nickname, message }) | |
.set('nextId', messageList.get('nextId') + 1) | |
.commit() | |
}); |
OlderNewer