Last active
January 14, 2018 21:36
-
-
Save jer0dh/4d8360b062fdaf6de831 to your computer and use it in GitHub Desktop.
A modification for 'React.js Essentials' book. - no need for snapkite-engine server
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
/* I wrote this to help me with the project in the React.js Essentials book by Artemij Fedosejev. | |
I couldn't get the snapkite-engine to work but wanted to test the project out on my machine. | |
So this can be added to the project so you don't have to create the snapkite-engine server. | |
You only have to change one require statement in the Stream.react.js file. */ | |
/* create a mockTweets.js file in the source/components directory of the project */ | |
/* | |
in the /source/components/Stream.react.js file, change the line that starts with 'var SnapkiteStreamClient=' | |
to the following: | |
var SnapkiteStreamClient = require('./mockTweets'); | |
That's it. Run the default gulp task and you should get a random tweet every 5 seconds when | |
you start the project. | |
*/ | |
var tweets = [ | |
{ | |
id: 123, | |
text: 'hello my darlisdfsd sdss s dsdn', | |
media: [{url: 'http://pbs.twimg.com/media/CUH6hWoUsAE8YmL.jpg'}] | |
}, | |
{ | |
id: 1234, | |
text: 'hello my darlin', | |
media: [{url: 'http://pbs.twimg.com/media/CUH6h1AWsAEzkKa.jpg'}] | |
}, | |
{ | |
id: 1235, | |
text: 'hello my darlin', | |
media: [{url: 'http://pbs.twimg.com/media/CUH6rdnU8AAnSyW.jpg'}] | |
}, | |
{ | |
id: 1236, | |
text: 'hello my darlind', | |
media: [{url: 'http://pbs.twimg.com/media/CUH6vmrU8AEfEI_.jpg'}] | |
}, | |
{ | |
id: 1237, | |
text: 'hello my darlin sd', | |
media: [{url: 'http://pbs.twimg.com/media/CUH62XbUkAEyYBA.jpg'}] | |
}, | |
{ | |
id: 1238, | |
text: 'hello my darlindf sdf dsf s', | |
media: [{url: 'http://pbs.twimg.com/media/CUH6242WEAAvCzu.jpg'}] | |
}, | |
{ | |
id: 1239, | |
text: 'hello my darlindfsdf fd', | |
media: [{url: 'http://pbs.twimg.com/media/CUH6-QAW4AAJS4w.jpg'}] | |
}, | |
{ | |
id: 12311, | |
text: 'hello my darlin dsfsfd ', | |
media: [{url: 'http://pbs.twimg.com/media/CUH7HCJVEAAUfl6.jpg'}] | |
}, | |
{ | |
id: 12322, | |
text: 'hello my darlin 4', | |
media: [{url: 'http://pbs.twimg.com/media/CUH7TXjUsAAK3hp.jpg'}] | |
} | |
]; | |
var callback, stream; | |
module.exports = { | |
initializeStream: function(func) { | |
callback = func; | |
stream = setInterval(this.streamer, 5000); | |
}, | |
streamer : function() { | |
callback(tweets[Math.floor(Math.random()*9)]); | |
console.log(tweets[Math.floor(Math.random()*9)]); | |
}, | |
destroyStream: function() { | |
clearInterval(stream); | |
} | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment