JSFiddle - React, Tailwind, and code Playground

by mkdizajn

HTML

<script src="https://www.gstatic.com/firebasejs/4.1.2/firebase-app.js"></script>
	<script src="https://www.gstatic.com/firebasejs/4.1.2/firebase-database.js"></script>

	<!-- Value -->
	<pre id="object"></pre>

JavaScript

(function() {
			// Initialize Firebase
			const config = {
			apiKey: "AIzaSyCCl6weefebkfCPOvoRgI4ayCoY9fREf3E",
			authDomain: "test-7a14c.firebaseapp.com",
			databaseURL: "https://test-7a14c.firebaseio.com",
			projectId: "test-7a14c",
			storageBucket: "test-7a14c.appspot.com",
			messagingSenderId: "141497543118"
			};
			firebase.initializeApp(config);

			//Get elements
			const preObject = document.getElementById('object');

			//Create refrence
			const dbRefObject = firebase.database().ref().child('object');

			//Sync object changes
			dbRefObject.on('value', snap => preObject.innerText = JSON.stringify( snap.val() ) );
		}());