Complete Vue.js 2 Web Development_ Practical guide to building end-to-end web development solutions with Vue.js 2

(singke) #1
Integrating with Other Frameworks Chapter 19

If you run your application with npm start, you can navigate to the URL written in the


console to view your new app. Open another browser window and see how it changes in


real-time:


How it works...


Seeing the cats added in real time is clearly the way to go for modern applications. Feathers
let you create them in a snap and with a fraction of the code, thanks to the underlying


Socket.io, which in turn uses WebSockets.


WebSockets are really not that complex and what Feathers do, in this case, is just listen for
messages in the channel and associate them with actions like adding something to the


database.


The power of Feathers is visible when you can just swap database and WebSocket provider,


or switch to REST, without even touching your Vue code.


Creating a reactive app with Horizon


Horizon is a platform to build reactive, real-time scalable apps. It uses RethinkDB internally
and is immediately compatible with Vue. In this recipe, you'll build an automatic personal


diary.

Free download pdf