Что такое Shadcn Vue? 🤓

• Shadcn-Vue — это адаптация популярного проекта Shadcn UI для Vue.js, изначально разработанного для React.

• Хотя оригинальный проект был создан для React, сообщество Vue увидело его потенциал и перенесло его на Vue.js.

• Он предоставляет готовые, гибко настраиваемые UI-компоненты, соответствующие современным дизайн-системам (например, Radix UI), с поддержкой Vue.js, TypeScript и TailwindCSS.

• Компоненты реализованы с учётом лучших практик доступности и легко адаптируются под конкретные требования проекта.

https://shadcn-vue.com

👉 Гайды по JavaScript | дать буст

Совет дня: создавайте composables для повторно используемой логики

Выносите переиспользуемую логику в composables. ↓

Это способствует повторному использованию кода и помогает держать компоненты чистыми. Это одна из главных причин, по которой мы рекомендуем Composition API вместо Options API. При использовании Composition API такие абстракции в виде composables становятся гораздо очевиднее.

👉 Гайды по JavaScript | дать буст

Совет по JavaScript

Используйте 𝚂𝚝𝚛𝚒𝚗𝚐.𝚙𝚛𝚘𝚝𝚘𝚝𝚢𝚙𝚎.𝚛𝚎𝚙𝚎𝚊𝚝() для быстрого построения повторяющихся шаблонов.

👉 Гайды по JavaScript | дать буст

Совет дня: используйте watchEffect для реактивных побочных эффектов

watchEffect сразу выполняет переданную функцию и автоматически отслеживает все реактивные зависимости, которые в ней используются.

Это удобно, когда вы хотите:

– немедленно выполнить побочный эффект при загрузке
– автоматически реагировать на изменения связанных реактивных данных
– не указывать вручную, какие переменные отслеживать — Vue сам определит зависимости во время выполнения функции

👉 Гайды по JavaScript | дать буст

Если вы JavaScript‑разработчик, у вас есть множество инструментов и фреймворков на выбор.

В этом гайде сравнивается Next.js и React.

Препод рассматривает клиентскую и серверную отрисовку, производительность, масштабируемость и другие аспекты.

👉 Гайды по JavaScript | дать буст

Совет дня: используйте provide и inject для глубокой передачи данных без props drilling

С помощью provide и inject можно передавать данные во вложенные компоненты, минуя цепочку props. Это упрощает архитектуру и особенно полезно в ситуациях, когда нужно делиться данными на большом уровне вложенности.

👉 Гайды по JavaScript | дать буст

Что такое primevue?

PrimeVue — это UI-библиотека компонентов, созданная специально для Vue.js. Она предлагает более 80 компонентов, охватывающих всё: от форм и отображения данных до навигации и диалогов.

🔹Гибкость и кастомизация
Каждый компонент PrimeVue легко настраивается, что позволяет решать сложные UI-задачи с минимальными усилиями.

🔹Минимальный вес и высокая производительность
Библиотека сочетает богатую функциональность с лёгким footprint'ом — идеально подходит для приложений на Vue.js и Nuxt.js, где важны и внешний вид, и скорость.

🔹Подходит для любых проектов
Независимо от того, делаете ли вы лендинг или сложное SPA-приложение, PrimeVue даёт инструменты для создания интерфейсов на профессиональном уровне.

👉 Гайды по JavaScript | дать буст

Совет дня: используйте shallowRef для больших объектов

Когда вы работаете с крупными объектами, которым не требуется глубокая реактивность, используйте shallowRef. Это может заметно повысить производительность при работе с большими и часто обновляемыми объектами.

👉 Гайды по JavaScript | дать буст

Приложения для заметок помогают держать всё в порядке — так почему бы не создать своё, с дополнительным функционалом?

В этом курсе ты напишешь полнофункциональное AI-приложение для заметок на стеке Next.js + Supabase.

Что ты получишь:
— Организацию и поиск заметок
— Возможность общаться с AI по содержимому своих заметок

Полный курс здесь:
freecodecamp.org/news/build-a-full-stack-ai-note-taking-app-with-nextjs-and-supabase

👉 Гайды по JavaScript | дать буст

Совет дня: используй defineExpose для управления публичным интерфейсом компонента
С ``, применяй defineExpose, чтобы явно указать, какие свойства доступны родительским компонентам — это дает тебе точный контроль над публичным API компонента.

👉 Гайды по JavaScript | дать буст

Избегай использования относительных и запутанных импортов в коде

Они сложны в поддержке и плохо читаются.

Лучше используй алиасы с абсолютными путями.

Это работает как в проектах на JavaScript, так и на TypeScript

👉 Гайды по JavaScript | дать буст

Совет дня: используйте effectScope для групповой очистки эффектов

effectScope позволяет объединить несколько реактивных эффектов и управлять их очисткой централизованно. Это особенно полезно при создании composable-функций, которые настраивают и удаляют сразу несколько эффектов.

👉 Гайды по JavaScript | дать буст

Трюк в TypeScript: заставить компилятор разрешать только один из вариантов, но не оба одновременно.

Идеально подходит для фильтров, форм и конфигурационных переключателей

👉 Гайды по JavaScript | дать буст

Совет дня: используйте 2 тега <script> в компонентах Single File

В компонентах Vue в формате Single File можно использовать два блока <script>: один с атрибутом setup, другой — без него. Это может быть полезно по нескольким причинам.

Одна из них — экспорт типов или данных, которые жёстко связаны с компонентом, но могут понадобиться и в других частях приложения.

Другая — экспорт ключей для provide/inject в случае тесно связанных между собой компонентов.

👉 Гайды по JavaScript | дать буст

Совет по JavaScript

Используйте navigator.maxTouchPoints, чтобы определить, поддерживает ли устройство сенсорный ввод.

👉 Гайды по JavaScript | дать буст

🔥 Успех в IT = скорость + знания + окружение

Здесь ты найдёшь всё это — коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты будешь использовать самые передовые инструменты!

🖥 ИИ: hottg.com/ai_machinelearning_big_data

🖥 Python: hottg.com/pythonl

🖥 Linux: hottg.com/linuxacademiya

🖥 C++ hottg.com/cpluspluc

🖥 Docker: hottg.com/DevopsDocker

🖥 Хакинг: hottg.com/linuxkalii

🖥 Devops: hottg.com/DevOPSitsec

🖥 Data Science: hottg.com/data_analysis_ml

🖥 Javascript: hottg.com/javascriptv

🖥 C#: hottg.com/csharp_ci

🖥 Java: hottg.com/javatg

🖥 Базы данных: hottg.com/sqlhub

👣 GO: hottg.com/Golang_google

🖥 React: hottg.com/react_tg

👣 Rust: hottg.com/rust_code

🧠 Нейросети: hottg.com/vistehno

🖥 PHP: hottg.com/phpshka

🖥 Android: hottg.com/android_its

💼 Вакансии: hottg.com/addlist/_zyy_jQ_QUsyM2Vi