Introduction to RethinkDB and Horizon.js
- 1. RethinkDB, horizon RethinkDB, horizon Introduction to create the real time web application.
- 3. @chuck0523 25yo like JavaScript Junior Front-End developer
- 4. 0 25 50 75 100 HTML CSS JavaSript Ruby PHP RethinkDB, horizon My skills
- 5. RethinkDB, horizon My recent job ‣ Create SPA by React, Redux, CSS Modules, PostCSS with Webpack, on Rails as API server.
- 6. RethinkDB, horizon It’s on Medium
- 7. RethinkDB, horizon That’s it about me
- 8. RethinkDB, horizon Let’s dive into RethinkDB & horizon!!
- 9. The open-source database for the realtime web RethinkDB, horizon RethinkDB
- 10. RethinkDB, horizon RethinkDB ‣ OpenSource NoSQL DB ‣ Since July 2009 ‣ For realtime web app ‣ Written in C++ ‣ Stores JSON ‣ 15000 stars on Github
- 11. RethinkDB, horizon ReQL RethinkDB is using ReQL (DSL) Available in Java, Ruby, Python, JavaScript
- 12. RethinkDB, horizon SQL to ReQL Insert in SQL
- 13. RethinkDB, horizon SQL to ReQL Insert in ReQL
- 17. RethinkDB, horizon Joins in ReQL
- 18. RethinkDB, horizon Aggregation in ReQL “Group by” in SQL
- 19. RethinkDB, horizon Totally NoSQL. Seems to be super easy and fun!
- 20. RethinkDB, horizon That’s all about ReQL
- 21. RethinkDB, horizon How can we start ?
- 22. RethinkDB, horizon $ brew install rethinkdb
- 23. RethinkDB, horizon RethinkDB in Rails https://www.rethinkdb.com/docs/rails/
- 24. RethinkDB, horizon RethinkDB in Others https://github.com/rethinkdb/?utf8=%E2%9C You can also use Angular, Express, Node…
- 25. The realtime JavaScript backend RethinkDB, horizon Horizon.js
- 26. RethinkDB, horizon Horizon.js ‣ OSS JavaScript Framework ‣ Created by RethinkDB ppl ‣ On RethinkDB and Node.js ‣ Subscribes App state ‣ Using RxJS Internally ‣ Auth and Permission
- 27. RethinkDB, horizon Let’s take a look at sample code
- 28. RethinkDB, horizon Two core classes in Horizon.js
- 29. RethinkDB, horizon 1. Horizon class ‣ Horizon class takes care of instantiation and management connection ‣ Pass a string to object of Horizon class, then collection is returned
- 30. RethinkDB, horizon 1. Horizon class
- 31. RethinkDB, horizon 2. Collection class ‣ Collection class deals with create, read, update and delete data ‣ Some methods return RxObservable, which enables us to use RxObservable’s methods
- 34. RethinkDB, horizon Rx returnable methods ‣ Collection.watch returns RxObservable ‣ We can use RxObservable’s method ‣ map, filter, mergeMap, toArray…
- 35. RethinkDB, horizon Collection.methods are for Back-end (RethinkDB). RxObservable.methods are for Front-end (React or something).
- 36. RethinkDB, horizon https://www.rethinkdb.com/docs/sharding-and-replication/ We got basic of RethinkDB & Horizon.js now http://horizon.io/docs/getting-started/
- 37. RethinkDB, horizon It’s time to DEMO
- 38. RethinkDB, horizon Thanks for listening Codes of DEMO are on Github repo. You can pull and try it. https://github.com/chuck0523/learning-langs/tree/gh-pages/js/reChat