JSFiddle - React, Tailwind, and code Playground

by wolfpackt99

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.firebase.com/js/client/2.2.1/firebase.js"></script>
<div id='displaySnapshotDiv'></div>

JavaScript

var myDataRef = new Firebase('https://f3area51.firebaseio.com/events');
myDataRef.on('child_added', function(snapshot) {
  displaySnapshotNeatly(snapshot.val());
});

function displaySnapshotNeatly(snapshot) {
  $('<div/>').text(JSON.stringify(snapshot)).appendTo($('#displaySnapshotDiv'));
};