Falcor, conceptually, is a really great and exciting idea. However it seems either too disconnected from existing tooling / too theoretical. Meanwhile, I've been working on an Open Source Firebase alternative for a few years now, and I decided to go ahead and implement (what, in obviously IMHO) is a better version of the idea.<p>Recently somebody combined it with webcomponents/polymer, which is pretty awesome. Here is an example they use for realtime IoT temperature data viz, you drop in `<gun-ui-lcd parent="livingroom" prop="temperature"></gun-ui-lib>` and it automatically tells the system to ONLY load `temperature` from the `livingroom` database. More info, along with a cool animated gif showing the example off in action, is here: <a href="https://github.com/Stefdv/gun-ui-lcd#syncing" rel="nofollow">https://github.com/Stefdv/gun-ui-lcd#syncing</a> .<p>More generally, the way it works is this:<p>Imagine we have some document, like<p>```
{
name: "Alice",
age: 27,
pet: {
name: "Fluffy",
age: 4
}
}
```<p>all we have to do is<p>```
Gun(serverURL).get('alice').path('pet.name').on(age => ui.show('#pet-age', age))
```<p>This makes it easy to bind with React, or Angular, or VueJS, or others. The important thing to note is, like Falcor, it <i></i>only<i></i> loads the 1 property, not the full document. If you want to show another item, it is trivial to just add `...get('alice').path('age').on(age => ui.show('#age', age))`.<p>I've already made a prototype which automatically generates the loading the properties based off of a plain HTML template. Hopefully I'll have it published in the next couple months. Meaning all you have to do is add a property to your HTML, and it automatically binds realtime updates of data to that view! (No writing JS).