JSFiddle - React, Tailwind, and code Playground

SELECT * FROM messages LIMIT 5 OFFSET 5;

by Kato Richardson

HTML

<script src="http://static.firebase.com/v0/firebase.js"></script>
<h3>SELECT * FROM widget LIMIT 5 OFFSET 5;</h3>

<pre></pre>

CSS

pre {
    padding: 20px;
    font-size: 20px;
    border-radius: 15px;
    background-color: #fafafa;
    border: 1px solid #999;
    float: left;
    font-family:'Courier New', 'Courier', monospaced;
}
h3 {
    clear: both;
    padding-top: 20px;
}

JavaScript

var lastWidgetOnPrevPage = 'gray';

new Firebase("https://examples-sql-queries.firebaseio.com/widget")
    .startAt(null, lastWidgetOnPrevPage)
    .limit(5+1) // add one to limit to account for lastWidgetOnPrevPage
    .once('value', show);

function show(snap) {
    $('pre').text(JSON.stringify(snap.val(), null, 2));
}