JSFiddle - React, Tailwind, and code Playground

by mattpodwysocki

HTML

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/rxjs/2.2.3/rx.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/rxjs/2.2.3/rx.async.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/rxjs/2.2.3/rx.binding.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/rxjs-jquery/1.1.3/rx.jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/rxjs/2.2.3/rx.time.js"></script>
<ul id="results"></ul>

JavaScript

function searchWikipedia (term) {
    var promise = $.ajax({
        url: 'http://en.wikipedia.org/w/api.php',
        dataType: 'jsonp',
        data: {
            action: 'opensearch',
            format: 'json',
            search: encodeURI(term)
        }
    }).promise();
    return Rx.Observable.fromPromise(promise);
}

var $results = $('#results');

searchWikipedia('Reactive').subscribe(function (x) {
   var data = x[1];
   
    $results.empty();
    
    data.forEach(function (item) {
       $('<li>'+item+'</li>').appendTo($results);
    });
});