Что такое 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 | дать буст