#vue3

1 post1 participant0 posts today

dilawarI am probably holding them wrong!This time I tried writing a web app not in <a href="https://fosstodon.org/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> but <a href="https://fosstodon.org/tags/fastapi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fastapi</a> + <a href="https://fosstodon.org/tags/sqlmodel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sqlmodel</a> (python) and <a href="https://fosstodon.org/tags/vue3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue3</a> ( javascript). It kind of works well but refactoring is a nightmare. In the beginning, it felt like I was having the best of both worlds -- Python and Vue3. Dev speed was good. Now maintaining and refactoring make me feel like I am having the worst of both worlds.As a single dev, I should have stayed with <a href="https://fosstodon.org/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a>!

HabrСоздание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложенияВ первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!<a href="https://habr.com/ru/companies/amvera/articles/893250/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/amvera/articles/893250/</a><a href="https://zhub.link/tags/telegram_mini_app" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#telegram_mini_app</a> <a href="https://zhub.link/tags/telegram_webapp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#telegram_webapp</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs</a> <a href="https://zhub.link/tags/vue3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue3</a> <a href="https://zhub.link/tags/vuejs3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs3</a> <a href="https://zhub.link/tags/centrifuge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#centrifuge</a> <a href="https://zhub.link/tags/centrifugo_v6" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#centrifugo_v6</a> <a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://zhub.link/tags/centrifugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#centrifugo</a> <a href="https://zhub.link/tags/vuetg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuetg</a>

Nube ColectivaHow to Add a Class Name on Click in Vue 3. Como Agregar Un Nombre De Clase Al Hacer Clic en Vue 3. 👉 <a href="https://blog.nubecolectiva.com/como-agregar-un-nombre-de-clase-al-hacer-clic-en-vue-3/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.nubecolectiva.com/como-agregar-un-nombre-de-clase-al-hacer-clic-en-vue-3/</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#devs</a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#softwaredevelopment</a> <a href="https://mastodon.social/tags/vue3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue3</a> <a href="https://mastodon.social/tags/vuejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs</a>

Hacker NewsSvelte5: A Less Favorable Vue3 — <a href="https://gist.github.com/rxliuli/c886198390a9fd1138853d0e260025f3" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gist.github.com/rxliuli/c886198390a9fd1138853d0e260025f3</a> <a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/Svelte5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Svelte5</a> <a href="https://mastodon.social/tags/Vue3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Vue3</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/Frameworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frameworks</a> <a href="https://mastodon.social/tags/TechNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TechNews</a>

:rss: Qiita - 人気の記事Vue.jsのライフサイクルを理解する（Composition API版） <a href="https://qiita.com/gawa32/items/dd4f36461121602951fc?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://qiita.com/gawa32/items/dd4f36461121602951fc?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items</a><a href="https://rss-mstdn.studiofreesia.com/tags/qiita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#qiita</a> <a href="https://rss-mstdn.studiofreesia.com/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://rss-mstdn.studiofreesia.com/tags/Node_js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Node_js</a> <a href="https://rss-mstdn.studiofreesia.com/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://rss-mstdn.studiofreesia.com/tags/Vue_js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Vue_js</a> <a href="https://rss-mstdn.studiofreesia.com/tags/Vue3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Vue3</a>

HabrОн вам не SSR. Nuxt — больше, чем Server-Side Render фреймворкПривет, Хабр! Я - Frontend Developer в МТС Диджитал. Все чаще и чаще я натыкаюсь на сообщения и комментарии пользователей в различных социальных сетях про Server-Side Rendering. Обычно эти жалобы о том, кто-то недоволен зависимостью Next.js от Node.js-сервера. Кто-то сталкивается с ограничениями динамического роутинга при статической генерации. Исходя из этого некоторые люди писали в комментариях что-то вроде: "Вы же не ожидали, что SSR-фреймворк решит все проблемы разом?" Большинство моих коллег с других компаний в принципе не понимают зачем я беру Nuxt почти во все свои проекты и задают вопросы. На первый взгляд это вполне логично. Какой смысл брать SSR фреймворк, если ты выключаешь в нем SSR. На примере Nuxt, SSR можно выключить одним булевым флагом в конфиге:<a href="https://habr.com/ru/articles/888356/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/888356/</a><a href="https://zhub.link/tags/nuxt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nuxt</a> <a href="https://zhub.link/tags/vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://zhub.link/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://zhub.link/tags/serverside" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#serverside</a> <a href="https://zhub.link/tags/ssr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ssr</a> <a href="https://zhub.link/tags/nuxtjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nuxtjs</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs</a> <a href="https://zhub.link/tags/vue3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue3</a>

HabrFastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтендДрузья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.<a href="https://habr.com/ru/companies/amvera/articles/874970/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/amvera/articles/874970/</a><a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs</a> <a href="https://zhub.link/tags/vue3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue3</a> <a href="https://zhub.link/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://zhub.link/tags/api" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#api</a> <a href="https://zhub.link/tags/vuejs_api" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs_api</a> <a href="https://zhub.link/tags/vuejs3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs3</a> <a href="https://zhub.link/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind</a> <a href="https://zhub.link/tags/tailwind_css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tailwind_css</a> <a href="https://zhub.link/tags/vue_tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue_tailwind</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a>

Recent searches

Search options

Administered by:

Server stats: