Комментарии: 10
🦾
Что я сделал:
1. Описал на templ (go-шный язык шаблонизации) форму для регистрации
2. Указал в ней нужные Vue тэги
3. А логику Vue компонента описал в js файле
4. Подрубил ее в шаблон через <script>
В итоге, форма рендерится на бэке, а у клиента Vue ее подхватывает и дальше сам обрабатывает логику
Ахуенность (и по-другому не скажешь) в том, что теперь я могу практически полностью писать фронтенд на Go, в простых местах добавлять чистый JS, в шаблонных HTMX, а логику более сложных компонентов описывать на Vue (вместо старичка JQuery)
Это закрывает не все проблемы, которые возникают с юзер экспириенсом при работе с серверным рендерингом, но я буду продолжать постепенно их решать
Например, следующее что я хочу добавить это рендер только части страницы (island-ами в стиле Astro) и для этого мне потрубется только HMTX
Вопрос: "зачем, если можно просто воспользоваться SPA?" – SPA и фротендеры меня достали в край и я хочу найти любые способы, как минимизировать их участие в моих проектах
А вот что, как и почему расскажу в постах ближайшего времени
1. Описал на templ (go-шный язык шаблонизации) форму для регистрации
2. Указал в ней нужные Vue тэги
3. А логику Vue компонента описал в js файле
4. Подрубил ее в шаблон через <script>
В итоге, форма рендерится на бэке, а у клиента Vue ее подхватывает и дальше сам обрабатывает логику
Ахуенность (и по-другому не скажешь) в том, что теперь я могу практически полностью писать фронтенд на Go, в простых местах добавлять чистый JS, в шаблонных HTMX, а логику более сложных компонентов описывать на Vue (вместо старичка JQuery)
Это закрывает не все проблемы, которые возникают с юзер экспириенсом при работе с серверным рендерингом, но я буду продолжать постепенно их решать
Например, следующее что я хочу добавить это рендер только части страницы (island-ами в стиле Astro) и для этого мне потрубется только HMTX
Вопрос: "зачем, если можно просто воспользоваться SPA?" – SPA и фротендеры меня достали в край и я хочу найти любые способы, как минимизировать их участие в моих проектах
А вот что, как и почему расскажу в постах ближайшего времени
А
А для Vue не надо сетапить какой-нить нпм\вебпак\ноду и прочие штуки от которых у бакендера глаз дёргается?
Я для Trainer Advisor из этих соображений выбрал Alpine - скриптик подключил и вперёд.
И, кстати, по опыту TA могу сказать что у HTMX+Alpine бывают шороховатсти. Когда тебе в Alpine-темплейт надо засунуть HTMX-линку, по которой подтяентся ХТМЛ-ка с Alpine-темплейтом:)
Я для Trainer Advisor из этих соображений выбрал Alpine - скриптик подключил и вперёд.
И, кстати, по опыту TA могу сказать что у HTMX+Alpine бывают шороховатсти. Когда тебе в Alpine-темплейт надо засунуть HTMX-линку, по которой подтяентся ХТМЛ-ка с Alpine-темплейтом:)
Andrew
2024-07-10 17:38
Есть ещё один очень классный фреймворк – https://stimulus.hotwired.dev/
Он тоже садится на отрендерреный на сервере HTML. Мне он зашёл гораздо лучше, чем Альпин
Он тоже садится на отрендерреный на сервере HTML. Мне он зашёл гораздо лучше, чем Альпин
🦾 IT-Качалка Давида Шекунца 💪
2024-07-11 05:48
Да, интересная штука
Я особенно хочу изучить Turbo от них же
Единственное, смешно, что Stimulus написан чисто так, как привыкли рубишники: куча магии и конвенции по именованию без какой-либо адекватной возможности типизации. А в итоге я увидел, что это сделали ребята из Basecamp, где создатель этого всего рубишник, который знаменит тем, что топит за RoR и против типизации)
Я особенно хочу изучить Turbo от них же
Единственное, смешно, что Stimulus написан чисто так, как привыкли рубишники: куча магии и конвенции по именованию без какой-либо адекватной возможности типизации. А в итоге я увидел, что это сделали ребята из Basecamp, где создатель этого всего рубишник, который знаменит тем, что топит за RoR и против типизации)