JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

http://jsfiddle.net/#run

JavaScript

// My options
var settings = {
    throttle: 250,
    feed: 'http://flickr.com',
    ajax: {
        perPage: 20,
        key: 'asdhsadfkj',
        secret: 'passwordOrSomething'
    },
    itemName: 'tweets',
    itemTemplate: function(item) {
        return '<div><h1>' + item.title + '</h1></div>';
    };
    
// New Instance of my plugin
$('.container').myPlugin(settings);

// My plugin
$.fn.myPlugin = function(settings) {
    
    // Set up Defaults
    var defaults = { 
        throttle: 1000,
        callback: function(response) {
            console.log(response);
        }
    };
    
    // Set up array stores
    var banked = [];
    var cleaned = [];
    
    // Override defaults
    settings = $.extend(settings, defaults);
    
    // Put this into a function
    var request = $.ajax(...);
    
    // Itrerate items dynamically
    request.done(function(response) { 
        $.each(response[settings.itemName], function(item) {
            // Push HTML into banked items
            banked.push(settings.callback(item));
        });
    });
    
    // Handle errors
    request.fail(function(response) {
        
    });
};