JSFiddle - React, Tailwind, and code Playground

SELECT * FROM user WHERE id = 1;

HTML

<script src="http://static.firebase.com/v0/firebase.js"></script>
<h3>SELECT * FROM messages WHERE name = 'Inigo Montoya';</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

new Firebase("https://examples-sql-queries.firebaseio.com/messages")
    .startAt('Inigo Montoya')
    .endAt('Inigo Montoya')
    .once('value', show);

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