Real time Chat App with OnsenUI and Horizon!



  • Horizon, RethinkDB and Onsen UI 2.0

    A lot of modern apps like Twitter or Facebook work in real time: They update themselves when new information is available without the user pulling to refresh. With modern real time database like RethinkDB and the JavaScript Framework Horizon this task is as easy as writing any other JavaScript Application. In this tutorial we will build a simple chat app with MobX and the React Components for Onsen UI.

    Click here to see the original article



  • Wow, good information!
    The link https://onsen.ioonsenui-horizon-rethinkdb-chat/ is not working here.
    The correct is: https://onsen.io/blog/onsenui-horizon-rethinkdb-chat/


  • Onsen UI

    @Leonardo-Augusto Thank you very much! I just fixed it :)



  • Is there info somewhere how to set up horizon with a monaca/onsenui/react created project?


  • Onsen UI

    @beebase: You can use Monaca CLI to start a new project with Onsen UI and React Components. You’ll get all the necessary environment already configured (webpack, babel, etc). After that you can check in this post how to integrate Horizon in your project.



  • I downloaded monaca cli and created a new project. Whenever I add a decorator, it fails to build and says “Unexpected token” for “@” symbol.
    What can I do to make it work?


  • Onsen UI

    @drcykl You need something like transform-decorators plugin for Babel. Try to add it to your Webpack configuration files.



  • @Fran-Diox thank you :) It works now.