Awesome
twitter-component ![stability](https://img.shields.io/badge/stability-experimental-orange.svg?style=flat-square)
A native DOM component wrapper for embedded tweets.
Usage
// Vanilla JS example
var TwitterComponent = require('twitter-component')
var tweet1 = new TwitterComponent()
var tweet2 = new TwitterComponent()
document.body.appendChild(tweet1.render('https://twitter.com/uhhyeahbret/status/897603426518876161'))
document.body.appendChild(tweet2.render('https://twitter.com/yoshuawuyts/status/895338700531535878'))
Installation
$ npm install twitter-component
API
TwitterComponent = require('twitter-component
)
Import TwitterComponent
component class.
tweet = new TwitterComponent([opts])
Create a new instance of the twitter component. opts
is an options objec that can have the following options:
{
placeholder: true // Enables placeholder text while loading tweet cards
}
tweet.render(tweetURL)
Returns a div that, when mounted into the page, will be the target of twttr.widgets.createTweet
.
Mounting the DOM node returned by .render
will also load platform.twitter.com/widgets.js
into the page, and any other side-effects and visitor tracking implications that script brings along with it.
Twitter employees: Please release a module version of platform.twitter.com/widgets.js
because this took 5 hours of freetimeā¢ of just trying to get caught up with your ever changing API and widget ecosystem.
Native DOM component model powered by nanocomponent and nanomorph.