2024-06-04 02:21
Читать оригинал
👩💻 Vue.js – дорога в светлое будущее БЕЗ фронтов 👩💻
Вчера на стриме, к одной из форм, отрендеренных на Go, я смог подрубить логику на Vue.js и это станет причиной моего практически полного отказа от чистых SPA
Что именно произошло, узнаете в комментариях
#go #vue #js #die_spa
Вчера на стриме, к одной из форм, отрендеренных на Go, я смог подрубить логику на Vue.js и это станет причиной моего практически полного отказа от чистых SPA
Что именно произошло, узнаете в комментариях
#go #vue #js #die_spa
Читать оригинал
Комментарии: 10
🦾
🦾 IT-Качалка Давида Шекунца 💪
2024-06-04 02:21
Что я сделал:
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 и фротендеры меня достали в край и я хочу найти любые способы, как минимизировать их участие в моих проектах
А вот что, как и почему расскажу в постах ближайшего времени
D
А
Алексей Жидков
2024-06-04 02:40
🦾 IT-Качалка Давида Шекунца 💪
Что я сделал:
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-темплейтом:)
🦾
🦾 IT-Качалка Давида Шекунца 💪
2024-06-04 02:46
Dmitry Dorofeev
Еще alpine.js удобный для этого, js писать не нужно почти
Посмотримс, спасибо!
🦾
🦾 IT-Качалка Давида Шекунца 💪
2024-06-04 02:46
Алексей Жидков
А для Vue не надо сетапить какой-нить нпм\\вебпак\\ноду и прочие штуки от которых у бакендера глаз дёргается?
Я для Trainer Advisor из этих соображений выбрал Alpine - скриптик подключил и вперёд.
И, кстати, по опыту TA могу сказать что у HTMX+Alpine бывают шороховатсти. Когда тебе в Alpine-темплейт надо засунуть HTMX-линку, по которой подтяентся ХТМЛ-ка с Alpine-темплейтом:)
Я для Trainer Advisor из этих соображений выбрал Alpine - скриптик подключил и вперёд.
И, кстати, по опыту TA могу сказать что у HTMX+Alpine бывают шороховатсти. Когда тебе в Alpine-темплейт надо засунуть HTMX-линку, по которой подтяентся ХТМЛ-ка с Alpine-темплейтом:)
Я просто скрипт через CDN подрубил и все)
🦾
🦾 IT-Качалка Давида Шекунца 💪
2024-06-04 03:38
Dmitry Dorofeev
Еще alpine.js удобный для этого, js писать не нужно почти
Посмотрел, отличная тема!
Попробую и alpine.js
Попробую и alpine.js
G
🦾
M
Mr Kimura
2024-07-10 17:38
🦾 IT-Качалка Давида Шекунца 💪
Посмотрел, отличная тема!
Попробую и alpine.js
Попробую и alpine.js
Есть ещё один очень классный фреймворк – https://stimulus.hotwired.dev/
Он тоже садится на отрендерреный на сервере HTML. Мне он зашёл гораздо лучше, чем Альпин
Он тоже садится на отрендерреный на сервере HTML. Мне он зашёл гораздо лучше, чем Альпин
🦾
🦾 IT-Качалка Давида Шекунца 💪
2024-07-11 05:48
Mr Kimura
Есть ещё один очень классный фреймворк – https://stimulus.hotwired.dev/
Он тоже садится на отрендерреный на сервере HTML. Мне он зашёл гораздо лучше, чем Альпин
Он тоже садится на отрендерреный на сервере HTML. Мне он зашёл гораздо лучше, чем Альпин
Да, интересная штука
Я особенно хочу изучить Turbo от них же
Единственное, смешно, что Stimulus написан чисто так, как привыкли рубишники: куча магии и конвенции по именованию без какой-либо адекватной возможности типизации. А в итоге я увидел, что это сделали ребята из Basecamp, где создатель этого всего рубишник, который знаменит тем, что топит за RoR и против типизации)
Я особенно хочу изучить Turbo от них же
Единственное, смешно, что Stimulus написан чисто так, как привыкли рубишники: куча магии и конвенции по именованию без какой-либо адекватной возможности типизации. А в итоге я увидел, что это сделали ребята из Basecamp, где создатель этого всего рубишник, который знаменит тем, что топит за RoR и против типизации)