December 30, 2016

322 words 2 mins read

Firebase - Introduction & Examples

Firebase - Introduction & Examples

This slides cover an introduction to Firebase realtime database and present a simple project with Vue.js with Firebase Persistent Data.

Firebase - Introduction & Examples:

The Firebase Realtime Database is a cloud-hosted database. Data is stored as JSON and synchronized in realtime to every connected client.

When you build cross-platform apps with Firebase iOS, Android, and JavaScript SDKs, all of your clients share one Realtime Database instance and automatically receive updates with the newest data.

The Firebase Realtime Database lets you build rich, collaborative applications by allowing secure access to the database directly from client-side code.

Data is persisted locally, and even while offline, realtime events continue to fire, giving the end user a responsive experience. When the device regains connection, the Realtime Database synchronizes the local data changes with the remote updates that occurred while the client was offline, merging any conflicts automatically.

The Realtime Database provides a flexible, expression-based rules language, called Firebase Realtime Database Security Rules, to define how your data should be structured and when data can be read from or written to. When integrated with Firebase Authentication, developers can define who has access to what data, and how they can access it.

The Realtime Database is a NoSQL database and as such has different optimizations and functionality compared to a relational database. The Realtime Database API is designed to only allow operations that can be executed quickly.

This enables you to build a great realtime experience that can serve millions of users without compromising on responsiveness. Because of this, it is important to think about how users need to access your data and then structure it accordingly.

Ref: Firebase Realtime Database

Firebase Setup

  • Create Project
  • Firebase Client Snippet
  • Check DB Rules
  • Enable Firebase Auth - Google Sign-In
  • Adjust Authorized Domains


  1. firebase/quickstart-js: Firebase Quickstart Samples for Web
  2. Firebase Web Codelab
  3. Firebase Realtime Database
  4. vuejs/vuefire: Firebase bindings for Vue.js
  5. Firebase + Validation - vue.js
comments powered by Disqus