Онлайн-чат на Ruby on Rails 7 с помощью Hotwire ⚡

На стриме покажем, как работает главная фишка Ruby on Rails 7 - Hotwire.
💻 Код приложения: github.com/mechnicov/turbochat
🎒 Курс Ruby on Rails с нуля: bit.ly/3saWFkL
📍 Уютный чат рубистов: bit.ly/3IWqufQ
⚡ Официальный сайт Hotwire: hotwired.dev/
С нуля покажем, как создать приложение на rails 7, в котором можно создавать комнаты, отправлять сообщения, чатиться, лайкать сообщения других участников. Расскажем про Turbo и Stimulus.
00:00 Разгон, чего будем делать
07:34 Создаем новое приложение
17:35 Модели для приложения
28:02 devise, юзеры, регистрация, вход
1:15:02 Комнаты, сообщения, лайки
1:34:19 Создание комнаты, broadcast, turbo-stream
2:02:26 Функционал чата в комнате
2:43:20 Скролл чата, очистка поля ввода
3:03:47 Лайки сообщений + два канала
3:31:58 Закругляемся
Музыка на стриме:
------------------------------
Track: Bliss Of Heaven - SOMM [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Bliss Of Heaven - SOMM...
Free Download / Stream: alplus.io/blisss-heaven
Track: Rasta Vibes - Dave Osorio [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Rasta Vibes - Dave Oso...
Free Download / Stream: alplus.io/rasta-vibes
Track: Peruvian Woods - Dave Osorio [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Peruvian Woods - Dave ...
Free Download / Stream: alplus.io/peruvian-woods
Track: Bliss of Heaven (Club Mix) - SOMM [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Bliss of Heaven (Club ...
Free Download / Stream: alplus.io/bliss-heaven
Track: Days For Tomorrow - Metro Vice [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Days For Tomorrow - Me...
Free Download / Stream: alplus.io/days-tomorrow
Track: Burst - Land of Fire [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Burst - Land of Fire |...
Free Download / Stream: alplus.io/burst
------------------------------
#Хороший_Программист #Хороший_Программист_Ruby #Ruby_on_Rails
© «Хороший программист»
goodprogrammer.ru
[e-mail]

[@dastanabeuov4394]

Спасибо ребята за стрим. Продолжайте в том же духе! Тема очень полезная на сегодня +

[@kremkasu]

Спасибо за стрим! Очень полезно!

[@ELDAR011288]

👍👍👍👍👍

[@Ackongagya]

Вадик красавчик! Дебажит моментально. Особенно понравился найденный баг с

[@ruslankhamidullin235]

Круто 🔥 🔥 🔥 Пожалуйста делайте подобные мастер классы ещё. Спасибо 🙂 👍

[@user-gn8bs5de5y]

50:44 turbo_method: через символ тоже работает

[@krimkrim2053]

Спасибо ребята, очень круто)

[@eg0rfull]

Отдельное спасибо за тайм-коды, в лайве осилил только 1 час, было уже поздно.

[@user-vq6ut8yd7v]

з

[@promax866]

Крутой видос! Эти ребята плохому не научат =)

[@barabas0077]

** Красвффчики....

[@hkleiser5848]

n+1 в хелпере по лайкам, и это плая идея делать запросы в рендере хтмл

[@goodprogrammer]

Да

[@promax866]

Курс ХП по рельсам рекомендую к прохождению всем!

[@Akinator161]

gc

[@studs304agarkov5]

музыка мешает

[@ledockol]

Форк этого проекта - github.com/secretpray/turbochat Изменения: - строка ввода привязана к низу страницы; - изменено оформление сообщений; - в зависимости от автора меняется привязка сообщений к левому или правому краю; - добавлены аватары для пользователей, как в строке навигации, так и в информации о сообщении; - добавлен online status для сообщения пользователей и счетчик количества пользователей в чате; - переписан stimulus контроллер для autoscroll: - исправлен ряд ошибок