Как подружить Ruby On Rails, React и AJAX: добавляем комментарии / Пишем соцсеть на Ruby On Rails #7
Вставка
- Опубліковано 20 тра 2024
- Привет! Продолжаем работу над нашим коллективным бложеком на Ruby On Rails и в этот раз добавляем комментарии с использованием многочисленных фреймворков, чтобы усложнить себе жизнь. В общем обмазываемся javascript'ом с ног до головы с помощью React и JQuery.
Diff из видео: github.com/overeng/rubysocial...
А тут я пофиксила некоторые баги: github.com/overeng/rubysocial...
Извините за звук в некоторых частях видео, он ужасен :( То ли это мой голос, то ли новый микрофон, буду разбираться. А вы пока сделайте потише :)
Таймкоды:
00:00 Что такое AJAX и как он появился
02:26 Зачем ReactJS?
03:33 Что мы будем делать в этом видео
04:27 Установка зависимостей и генерация. всего, что Rails может сгенерить
05:59 Демонстрация конечного результата
07:54 Интегрируем компонент в шаблон, проходимся по коду компонентов
13:20 Разбираемся с AJAX и добавлением комментариев
20:42 Заключение
you are awesome. thank you!!
"лак, джаз и радио нравилось всем"
Отличная автогенерация субтитров на Ютюбе.
Я аж взностальгнул по пятидесятым. 🤣
you are undiscovered mine of GOLD 😍
Доброго ночи, е-моё! Хотелось бы увидать список системных зависимостей. Мне понравился шаблон приложения, хотелось бы в дальнейшем провести доработку приложения и докеризацию, для упрощения дальнейших развертываний.
Здравствуйте! Вопрос. Какую можно ожидать зарплату при переезде в Германию с опытом работы около 5 лет Frontend React Developer, уровень английского C1. Спасибо.
привет! сложно сказать, я не фронтендер, но мой совет не соглашаться на зарплату ниже 55к. Лучше сразу просить с запасом.
интересно, когда будет продолжение или что-то на уровень выше?
Привет, дальше видео будет? И как думаешь стоит ли тащить за Ruby Rails в 2021?
Стоит. DHH у себя активно продвигает 7 рельсы, делая упор на интеграцию react и прочих фронтовых библиотек
Огонь, но я бы еще возвращал статус 4хх вместо поля с текстом ошибки
статус 4хх можно возвращать в дополнение к тексту ошибки (не вместо), все ж юзеру нужно знать, что конкретно за ошибка.
@@OverEngineer Ну да, или так. На текущем проекте у нас бэк фронтэнд по коду ошибки выводит соответствующее ему сообщение.
миленькая
Спасибо! Мне интересно было бы добавить поиск по сайту (там и окошко для этого было))) и авторизацию... чтоб кнопки Login Log Out работали... если gem Devise добавить, то к постам и комментам можно будет добавить автора? возможно это глупый вопрос, извините, но я только учусь...
вопрос совсем не глупый. да, это планировалось для следующего видео, но я заболела :) наверное скоро будет.
@@OverEngineer Ох, Сочувствую... Желаю благополучно выздороветь поскорее! Берегите себя
@@OverEngineer выздоравливайте!
@@OverEngineer Извиняюсь, а будет продолжение?
В целом неплохо, но новички мне кажется уже через минуту запутаются в компонентах реакта и их участии в жизни друг друга, мб все таки подобный контент пилить в формате скринкаста? Где можно было бы подробнее рассказать что делает тот или иной метод и почему выбран именно он.
спасиб за фидбек, там вначале есть дисклеймер про то, что тут не на реакте по идее акцент, а на интеграции реакта и рейлс. Думаю реакт - отдельная обширная тема.
@@OverEngineer У меня наоборот, спасибо) Гляжу на руби все очень сложно)) Это взгляд со стороны фронтенда)
А вы случайно в МАИ на 504 кафедре не преподавали в 2014-2015?)
было такое
Over Engineer очень круто вели «программную инженерию», круто что в универе есть преподаватели с реальным опытом из mail.ru и yandex!!)
спасибо)
Шрифт в редакторе увеличьте пожалуйста...глаза можно сломать....)))
Ксения, есть ли в Германии работа по рельсам? в РФ рельсы считаются мёртвыми.
не могу сказать, я на рельсах специально работу не искала. я вообще стараюсь не обращать внимания на вакансии, где требуется конкретный язык и тем более фреймворк)
Новые версии мертвы, а старые не собираются уходить)
Как тебе идея снять видео о деплое на сервер?
как раз планировала такое видео)
где продолжение?
подтягивать JQuery в реакт приложение чтобы делать http запросы, это конечно дичь. отдавать клиенту 80кб библиотеки которая специализируется на работе с дом, при этом не работает с дом т.к. рендерим мы реактом. лучше поставить либу которая только шлет http запросы и весить 15кб. в конце концов в браузере уже давным давно есть fetch
спасибо за коммент. был выбор поставить например github.com/axios/axios, но JQuery уже идет зависимостью к bootstrap, так что добавлять что-то новое вряд ли имеет смысл.
@@OverEngineer ах зависимостью бутстрап, вона что (видео "прочитано мною наискосок"). ну тогда действительно имеет смысл если api привычное)
ну это было даже не в этом видео, а в первом по Rails, тут мы просто продолжаем
Over Engineer для бустрапа обертка реактовская давно есть, в том числе и все не css вещи реализует
@@OverEngineer bootstrap 5 больше не использует jquery в качестве зависимости. fuck yeah!
La verdad no entendí
В россии руби умер к сожалению
20:55
-никакие, мне не интересны видео про Ruby
ну извини :)
Сергей, держи в курсе
Спасибо что сообщил, держи в курсе нас всех