Talk of Alexey Osipenko, CTO at Bravels, at Ruby Meditation #29 Kyiv 14.12.2019 Next conference - http://www.rubymeditation.com/ Description: The Phoenix framework recently has a great opportunity to update data in the browser without writing additional javascript. Let's consider the implementation of a similar mechanism in the Ruby on Rails framework Announcements and conference materials https://www.fb.me/RubyMeditation News https://twitter.com/RubyMeditation Photos https://www.instagram.com/RubyMeditation The stream of Ruby conferences (not just ours) https://t.me/RubyMeditation

1. Hello
Bonjour
Привет
Привіт
Гамарджоба
Ave
Aloha
Dobry den
Namaste

2. «Scriptless application»
by Alexey Osipenko
Hello I’m
Alexey

3. is the best
javascript
language
ever

4. is the best
javascript
language
ever
available in browser runtime

6. Виды приложений

7. cimon.io
Wordpress applications

8. cimon.io
Wordpress applications
Enterprise applications

9. cimon.io
Wordpress applications
MVP
Enterprise applications

10. cimon.io
Wordpress applications
MVP
Enterprise applications

11. cimon.io
MVP Enterprise application

13. Evolution not revolution

14. Remove unnecessary abstractions

15. пусть пользователи страдают

16. basic HTTP application

17. Ruby on Rails

18. __YOUR_FRAMEWORK__

19. after_update

20. after_destroy
after_update

21. after_destroy
after_update
after_create

22. after_pay
after_signup
after_comment

23. user:1:signup

24. шаблоны

25. CRUD

26. CRUDP

27. CRUDIP

28. CRUDIP
/usersPOST
/users/1PATCH
/users/1GET

29. CRUDIP
/users/1PARTIAL

30. CRUDIP
/users/1?partial=titlePARTIAL

31. CRUDIP
/users/1?partial=titlePARTIAL
/users/1GET

32. шаблоны
/users
show.html

33. шаблоны
/users
show.html
_title.html
_connections.html
_avatar.html
_preview.html

34. теперь вместе
websockets
partial rendering
&

35. <div>
John Snow
</div>

36. <div
data-channel="users:1:title"
data-url="/users/1?partial=title">
John Snow
</div>

37. <div
data-channels="users:1:title users:1:changed"
data-url="/users/1?partial=title">
John Snow
</div>

38. <div
data-channels="users:1:title users:1:changed"
data-url="/users/1?partial=title">
John Snow
</div>
users:1:title
{
"title": "John Targaryen"
}

39. <div
data-channels="users:1:title users:1:changed"
data-callback="updateUser">
<span class="title">John Snow</span>
</div>
users:1:title
{
"title": "John Targaryen"
}

40. cimon.io
backend
websocket
htmljs
http

41. cimon.io
backend reactredux
websocket
http

42. componentDidUpdate = -> {
subscribe("users:1:title")
subscribe("users:1:update")
}
render = -> {
<div>
<span>John Snow</span>
</div>
}

43. В итоге
• Атомарные изменения
• Легкое внедрение чего-угодно
• Приложение работает всегда

45. alexey@cimon.io
thx
telegram@aratak
alexey.osipenko@fb.me

46. alexey@cimon.io
Ruby developer wanted
telegram@aratak
alexey.osipenko@fb.me

47. https://t.me/itextrapolation