habr (@habr@zhub.link)
MiniMin: как я написал свой велосипед для управления Minecraft-серверами и клиентскими сборками
Частенько ли у вас возникает желание пойти в одну очень популярную песочницу ? Я думаю раз в пол года - год у многих возникает такое желание. И также часто возникает желание поставить парочку сотен модов…
https://habr.com/ru/articles/1047904/
#wails #go #vuejs #minecraft_server #mods #selfhosted #diy
Show Original Post
codetrendy (@codetrendy@mastodon.social)
🚀 Check this out #CodeTrendy → TeleGo
Turn messy Telegram bot logic into clear visual workflows for support, bookings, payments, and AI
#NoCode #Vuejs #Nodejs #ChatGPTOpenAI
https://codetrendy.com/listing/telego
Show Original Post
docs (@docs@nxui.geoql.in)
Show HN: Nxui - Copy-paste animated UI components for Vue
Show Original Post
teleclimber (@teleclimber@social.tchncs.de)
The template is what you'd expect (if you come from #vuejs ) but it renders entirely on the server, and can be updated surgically DOM-side, simply by calling Backflip's generated update function for that component.
Benefits:
- single source of truth for your HTML
- fast rendering in the language of your choice on the server
- minimal surgical updates on the frontend
Show Original Post
habr (@habr@zhub.link)
Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали
UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: старые CSS-переменные, публичный API, кастомизации у потребителей и независимые релизные циклы. При этом бренд уже меняется, дизайнеры приносят новую палитру, типографику, motion, скругления и тёмную тему и всё это нужно аккуратно посадить на компоненты, которые продолжают работать в продакшене. Привет, Хабр! Меня зовут Амир, я Senior Vue.js Frontend Developer в экосистеме Лукоморье . Уже шесть лет я развиваю фронтенд большой внутренней ERP-платформы, в том числе внутренний UI-kit: около 50 компонентов на Vue 3 и TypeScript, которыми пользуются несколько продуктовых команд в Ростелекоме. В этой статье расскажу, как мы устроили для UI-kit такое «назад в будущее»: в одной долгоживущей ветке sova провели редизайн поверх работающих компонентов, сохранили публичный API для команд-потребителей и перевели визуальный слой на новую архитектуру. Мы внедрили 3-tier-систему дизайн-токенов, собрали pipeline на Style Dictionary и Tokens Studio for Figma, оставили старые CSS-переменные через legacy-алиасы, а заодно закрыли несколько долгов библиотеки: типизацию шаблонов, встроенный SVG-спрайт на 816 иконок, утилиту темизации и вынос runtime-зависимостей с сокращением бандла с 940 до 150 КБ. Материал будет полезен инженерам дизайн-систем, фронтенд-архитекторам и тимлидам, которые поддерживают UI-kit для нескольких продуктовых команд и думают, как провести редизайн без поломки потребителей. Внутри — код, архитектурные решения, компромиссы и честные выводы по итогам миграции.
https://habr.com/ru/companies/lukit_ru/articles/1046493/
#uikit #дизайнтокены #лукоморье #фронтенд #фронтендразработка #фронтенд_разработка #фронтэнд_javascript #vuejs #vuejs #javascript
Show Original Post
WanadevDigital (@WanadevDigital@piaille.fr)
Suite de notre voyage à Madrid avec Louis 🇪🇸
Découvrez le 2ème volet de son retour sur la #MadVue2026, le rendez-vous des développeurs #VueJS. Au programme : Module Federation et Vue à l'ère de l'IA. 🤖
📖 Lire l'article : https://buff.ly/lYZaqpm
Show Original Post
mediapronet (@mediapronet@mastodon.social)
✨ Worth a look #MEDIAPRONET → Internationalization (i18n) Ne
Boost your app scalability with Intlayer: an internationalization (i18n) and content management solu
#TranslationTools #BI #ContentMarketing #ProjectManagement #Nextjs #Vuejs
https://mediapronet.com/listing/intlayer
Show Original Post
codetrendy (@codetrendy@mastodon.social)
📦 Just launched #CodeTrendy → SitePatent
Build visibility with one trusted listing
#BacklinkTools #Payments #LifetimeDeal #DofollowBacklink #Nextjs #Vuejs #ClaudeAnthropic
https://codetrendy.com/listing/sitepatent
Show Original Post
mediapronet (@mediapronet@mastodon.social)
🚀 Worth a look #MEDIAPRONET → Starbucks Calorie Calculator |
Use a Starbucks calorie calculator to track drink calories, customize orders, and healthier options.
https://mediapronet.com/listing/starbuckscalorie-calc
Show Original Post
ChristianKrebel (@ChristianKrebel@ohai.social)
RE: https://fosstodon.org/@rauschma/116693909245609071
First the @nuxt team got bought by vercel, now the @vite team by cloudflare ...
Time will tell how that shapes the future but more #vuejs ecosystem usage is always nice 😁
Show Original Post
mediapronet (@mediapronet@mastodon.social)
🚀 Worth a look #MEDIAPRONET → SitePatent
Turn your website into a discovery signal
#BacklinkTools #Payments #LifetimeDeal #DofollowBacklink #Nextjs #Vuejs #ChatGPTOpenAI
https://mediapronet.com/listing/sitepatent
Show Original Post
2026 (@2026@jws.news)
Building a full web form using Vue and Web Awesome
Previously, we learned how to build dropdowns, radio button groups, buttons, and combo boxes. I figure the next step is to put it all together and build a full web form. In today’s demo, we are going to build a “feedback” form where someone provides their name, contact information, and what they think of you. It doesn’t actually send it anywhere, but it shows the result, and it is easy enough to add something to record the results.
The last time around, we created https://grand-block-gar.codepen.app using the data files in https://github.com/steinbring/data/tree/main/v1/locations/us_states_municipalities_zctas to let the user select a state (using a list of suggestions), select a municipality (using a list of suggestions that are based upon the selected state), and select a zip code / postal code (using a list of suggestions that are based upon the selected municipality). In that demo, state management and form data are handled in App.vue, and the options for states, municipalities, and zip codes/postal codes use computed properties. ComboBox is imported from ComboBox.vue, accepts the properties “label”, “placeholder”, “disabled”, “options”, and “modelValue”, emits a new value for “modelValue” when the value of the web awesome combobox changes, and it only creates <wa-combobox> inside the component.
So, what are we doing this time? In this week’s demo, we are doing the same thing (the Web Awesome components are in Vue child components and the data and computed properties are in parent components), except the form itself is in a child of App.vue.
The form asks for your name, your opinion, your contact information, and your preferred contact method. If you select that you want to be contacted by phone, it uses the radio group element to ask about when you would like to be called.
To use the form “in anger”, you would want to add an API call to an endpoint that could send an email and/or save the submission to a database record. Since the web component is added to the Vue component, and the form elements’ Vue components are as generic as possible, swapping out Web Awesome for something like Bootstrap or Bulma is pretty easy.
Example: https://optimal-brook-eft.codepen.app
#VueJs #WebAwesome #WebComponents
Show Original Post