Top Banner
TwitterLib.js
46

TwitterLib.js

May 17, 2015

Download

Technology

Remy Sharp

A walk through of the features of TwitterLib.js - a library that helps standardise all the Twitter API calls and all the data coming back from Twitter, and includes a collection of utility methods to speed development up.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: TwitterLib.js

TwitterLib.js

Page 2: TwitterLib.js

What is it?

Page 3: TwitterLib.js

Why?

Page 5: TwitterLib.js

Examples

Page 8: TwitterLib.js
Page 9: TwitterLib.js

Features

Page 10: TwitterLib.js

Features

•Consistent interface & data structure

•Support for custom APIs

•Automatic paging

•Included utilities:

•ify, render, time

Page 11: TwitterLib.js

API

Page 12: TwitterLib.js

timeline

favs

list

status

search

Page 13: TwitterLib.js
Page 14: TwitterLib.js

<script src="twitterlib.js"></script>

Page 15: TwitterLib.js

<script src="twitterlib.js"></script><script>var tweets = document.getElementById('tweets');twitterlib.timeline('rem', function (data) {

});</script>

Page 16: TwitterLib.js

<script src="twitterlib.js"></script><script>var tweets = document.getElementById('tweets');twitterlib.timeline('rem', function (data) { var html = []; for (var i = 0; i < data.length; i++) { html.push(data[i].text); }

});</script>

Page 17: TwitterLib.js

<script src="twitterlib.js"></script><script>var tweets = document.getElementById('tweets');twitterlib.timeline('rem', function (data) { var html = []; for (var i = 0; i < data.length; i++) { html.push(twitterlib.render(data[i])); }

});</script>

Page 18: TwitterLib.js

<script src="twitterlib.js"></script><script>var tweets = document.getElementById('tweets');twitterlib.timeline('rem', function (data) { var html = []; for (var i = 0; i < data.length; i++) { html.push(twitterlib.render(data[i])); }

tweets.innerHTML = html.join('');});</script>

Page 19: TwitterLib.js

<script src="twitterlib.js"></script><script>var tweets = document.getElementById('tweets');twitterlib.status('rem', function (data) { var html = []; for (var i = 0; i < data.length; i++) { html.push(twitterlib.render(data[i])); }

tweets.innerHTML = html.join('');});</script>

Page 20: TwitterLib.js

<script src="twitterlib.js"></script><script>var tweets = document.getElementById('tweets');twitterlib.favs('rem', function (data) { var html = []; for (var i = 0; i < data.length; i++) { html.push(twitterlib.render(data[i])); }

tweets.innerHTML = html.join('');});</script>

Page 21: TwitterLib.js

<script src="twitterlib.js"></script><script>var tweets = document.getElementById('tweets');twitterlib.list('rem/local', function (data) { var html = []; for (var i = 0; i < data.length; i++) { html.push(twitterlib.render(data[i])); }

tweets.innerHTML = html.join('');});</script>

Page 22: TwitterLib.js

<script src="twitterlib.js"></script><script>var tweets = document.getElementById('tweets');twitterlib.search('@rem', function (data) { var html = []; for (var i = 0; i < data.length; i++) { html.push(twitterlib.render(data[i])); }

tweets.innerHTML = html.join('');});</script>

Page 23: TwitterLib.js

Options

Page 24: TwitterLib.js

Options

twitterlib.timeline('rem', fn);

twitterlib.timeline('rem', {/*options*/}, fn);

Page 25: TwitterLib.js

Options

• page: 1

• limit: 200

• since_id: 1

• filter: 'foo'

Page 26: TwitterLib.js

Options

twitterlib.timeline( 'rem', { since_id: 123, filter: 'foo' }, fn);

Page 27: TwitterLib.js

Filter

Page 28: TwitterLib.js

Filterfoo

Page 29: TwitterLib.js

Filterfoo

foo bar (foo and bar)

Page 30: TwitterLib.js

Filterfoo

foo bar (foo and bar)

foo OR bar

Page 31: TwitterLib.js

Filterfoo

foo bar (foo and bar)

foo OR bar

"foo bar" (atomic string)

Page 32: TwitterLib.js

Filterfoo

foo bar (foo and bar)

foo OR bar

"foo bar" (atomic string)

foo -bar (foo, not bar)

Page 33: TwitterLib.js

Filterfoo

foo bar (foo and bar)

foo OR bar

"foo bar" (atomic string)

foo -bar (foo, not bar)

from:rem foo

Page 34: TwitterLib.js

Filterfoo

foo bar (foo and bar)

foo OR bar

"foo bar" (atomic string)

foo -bar (foo, not bar)

from:rem foo

to:rem foo

Page 35: TwitterLib.js

Utilities

Page 36: TwitterLib.js

.custom(name, url)

Utilities

Page 37: TwitterLib.js

Utilities

twitterlib.custom('dm', '/tweets?page=%page%&type=dm');

twitterlib.dm(callback);

Page 38: TwitterLib.js

.next()

Utilities

Page 39: TwitterLib.js

Utilities

var html = [];twitterlib.timeline('rem', {limit: 5}, function(tweets){ for (var i = 0; i < tweets.length; i++) { html.push(this.render(tweets[i])); }})

Page 40: TwitterLib.js

Utilities

var html = [];twitterlib.timeline('rem', {limit: 5}, function(tweets){ for (var i = 0; i < tweets.length; i++) { html.push(this.render(tweets[i])); }}).next();

Page 41: TwitterLib.js

.render(tweet)

Utilities

Page 42: TwitterLib.js

.ify.clean(text)

Utilities

Page 44: TwitterLib.js

.time.relative(t)

Utilities

Page 45: TwitterLib.js

Utilities

Fri Jan 08 15:44:49 +0000 2010

20 minutes ago