Exploring Multi-Brand Systems with Tokens and Composability

https://fed.brid.gy/r/https://frontendmasters.com/blog/exploring-multi-brand-systems-with-tokens-and-composability/

🚀 Giới thiệu vue-clerk-saas-starter: starter kit Vue 3 đầy đủ Dashboard, navigation, dark mode, và xác thực Clerk UI tùy chỉnh với Shadcn‑Vue. Dùng Composition API, Vite, TypeScript, Tailwind. Tiết kiệm thời gian dựng auth & layout, chỉ cần clone, tùy biến và tập trung vào sản phẩm. #Vue #SaaS #Clerk #WebDev #Vue3 #Authentication #Tailwind #TypeScript #phát_triển #ứng_dụng #bảo_mật

https://dev.to/ayoub_fedil/skip-the-boilerplate-build-vue-3-saas-apps-with-ready-made-clerk-authentication-3ll6

Intlayer: альтернатива @nuxt/i18n с фокусом на оптимизации бандла

После интеграции nuxt/i18n в несколько моих проектов я пришел к однозначному выводу: это, безусловно, лучшее i18n-решение для JS-фреймворков. Его «plug&play» настройка, загрузка пространств имен (namespaces) и встроенная маршрутизация, настоящее удовольствие в работе. Однако у этого решения есть серьезная проблема: загруженные пространства имен не подвергаются «тришейкингу» (tree-shaking). Несмотря на то, что JSON-файлы могут загружаться динамически для каждой локали, Nuxt в итоге объединяет их, что означает, что файл locale/zh/about.json загружается на всех страницах.

https://habr.com/ru/articles/978564/

#vue #i18n #vuei18n #bundler

Tailwind CSS v4 đã ra mắt với nhiều thay đổi lớn: không còn bắt buộc file `tailwind.config.js`, cấu hình trực tiếp trong CSS bằng `@theme`, và tích hợp sẵn container queries, 3D transforms. Sử dụng CSS variables thay vì `@apply` được khuyến khích. Build nhanh hơn với Oxide engine. Dễ dàng nâng cấp dần từ v3.

#TailwindCSS #v4 #Frontend #WebDev #CSS #Tailwind #React #Vue #JavaScript
#CSS #PhátTriểnWeb #JavaScript #Frontend

https://dev.to/odada-o/tailwind-css-v4-migration-guide-26cb

The first part of chapter 1 of "So You Want To Build a Workflow Engine" is done!

Learn about how I built multiplayer code editing with server persistence in a couple of hours with #nodejs, #vue, #loro and monaco here:

https://docs.sywtb-workflow-engine.rash.codes/chapter-1/0-order-of-operations.html

Next up is executing user code safely in a wasm sandbox, stay tuned!

Мой справочник по Feature-Sliced Design

Всем привет, меня зовут Сергей Сибара, я фронтенд-разработчик в ИТ-холдинге Т1. Так как при использовании Feature-Sliced Design (FSD) возникает много вопросов и разные люди понимают её по-разному, я решил написать статью-справочник, раскрывающий некоторые подробности методологии. В этой статье я продолжаю использовать те же принципы и часть терминологии, что и в предыдущей . Здесь я, в основном, описываю структурирование по правилам методологии. А в следующей статье, напротив, рассмотрю, как можно улучшить структуру проекта, намеренно нарушая правила FSD. Заранее предупрежу, что правила методологии носят рекомендательный, а не обязательный характер. Их назначение — задать направление структурирования, а дальше принимать решения нужно в зависимости от конкретного проекта и ситуации в нём. Строгое же следование правилам может привести к бо̒льшим проблем, чем их нарушение. Если заметите ошибки — пишите в комментариях!

https://habr.com/ru/companies/T1Holding/articles/976220/

#react #javascript #typescript #featuresliced_design #fsd #vue #vuejs #vuejs #reactjs

MỚI: vite-plugin-lingo - Công cụ chỉnh sửa bản dịch trực quan cho dự án Vite

Plugin giúp quản lý file .po (Gettext) dễ dàng hơn, tránh lỗi định dạng khi chỉnh sửa thủ công. Tích hợp liền mạch với Vite, hỗ trợ đa framework (Svelte, React, Vue...).

Tính năng chính:
- Giao diện chỉnh sửa trực quan
- Tích hợp với wuchale
- Quản lý đa ngôn ngữ hiệu quả

https://github.com/Michael-Obele/vite-plugin-lingo
#vite #lingo #i18n #translation #Gettext #Svelte #React #Vue #dev #frontend #viteplugin #lingo #