Шарящие за современные мемы тут?

Такая вот штука для массового селекта в Вуе

https://simonwep.github.io/selection/

Наткнулся на весьма интересное видео в рекомендациях. Ни с Vue, ни с Nuxt'ом это не связано (хотя косвенно - да), но очень советую к просмотру!)

https://www.youtube.com/watch?v=BfYcYsUAcdk

Ну что, смотрим результаты State of JS 2024
https://2024.stateofjs.com/ru-RU/

"The 2024 State of JavaScript survey ran from November 13 to December 10 2024"

Scaling Your Vue App: 4 Proven Patterns to Keep It Clean

https://michaelnthiessen.com/scaling-your-vue-app

Если честно, я уже даже соскучился по таким статьям на Хабре)

https://habr.com/ru/companies/amvera/articles/874970/

А ещё вот какое, смотрите)

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

ого все-таки за Volar смогли кого-то усадить
А джонсон работает над чем-то дополнительным во Vue

А накидайте мне на вентилятор, почему разделение SFC на файлы, может быть лучше чем просто SFC? И наоборот, чем SFC лучше разделения на отдельные файлы?

Выдаём базу по базе по композишн апи
https://michaelnthiessen.com/13-vue-composables-tips

Полезные советы при разработке с IDE AI агентами от @vuefaq.

1. Используйте по возможности системный промпт. Cursor позволяет иметь .cursorrules файл, в котором можно прописать основные установки по проекту. Пример файла.
Напишите свой и попросите AI улучшить его. Автокомплит его плохо видит, но чат и composer - вполне. По крайней мере, свою CSS дизайн систему и компоненты использует четко.

2. Научитесь азам promp-engineering. Это полезно и при разработке, и при диалогах с обычными чатботами. От простого few-shots prompt эффективность результата может вырасти в разы. Не надо винить AI в тупости, если вы не умеете формулировать вопрос на языке, который ему более понятен.

3. Используйте сильные стороны AI. Он может хорошо сгенерить новый компонент, новый микросервис, добавить функционал, сделать i18n перевод, дать совет по какой-то лучше практике в определённой области, рефакторинг, делать рутинные задачи, писать тесты, но не так хорошо работает на больших изменениях с существующим кодом. Также может с нуля нагенерировать плохой неоптимальный код на нестандартных задачах (в таких случаях, необходимо давать максимально подробную информацию о контексте задачи).

4. Используйте его как консультанта перед реализацией какой-то задачи. Задайте несколько вопросов в чате, как что-то можно сделать (с использованием вашего кода как контекста), проанализируйте варианты, выберите подходящий и дальше в composer начните постепенно его реализовывать, руководя процессом. Стратегически важные вопросы задавайте также разным внешним системам - Gemini, ChatGPT, DeepSeek. Иногда кто-то один даёт явно более лучший ответ.

4.1. Вместо «Напиши такой-то модуль» используйте цепочку:
- Проектирование API
- Реализация core-логики
- Добавление обработки ошибок
- Интеграция с существующим кодом
- Оптимизация производительности

5. AI - не старик Хоттабыч, он не творит чудеса. Более того, он очень тупой. Тупой инструмент. Но сильный. Управление им это как управление двухтонным ковшом экскаватора - можно быстро сделать много полезного, и можно быстро сделать кучу плохого (со своим кодом). Которую потом будешь долго разгребать.

6. AI хорошо генерит комментарии и документацию. Можете добавить сразу VitePress к проекту и поддерживать его техническую документацию.

7. При использовании AI сервисов в приложении используйте структурированные (JSON) ответы. Не все это умеют, но последняя 4o-mini, например, умеет (по JSON-scheme). С учетом цены на нее, она очень полезна для парсинга документов или картинок, скажем, из которых предварительно можно вытащить текст конвенциональными методами (pdf2text и OCR).

8. Пробуйте разные модели. Причем, разные модели для разных случаев. Дороже ≠ лучше.

9. Переиспользуемые промпты можно хранить в отдельных текстовых файлах. Научитесь использовать структурированные промпты при необходимости, например:

/analyze-tech-debt 
--focus=duplication,complexity 
--suggest-refactoring

Для современных LLM они, часто, предпочтительней для простых задач.

10. Почитайте документацию к вашей LLM и лучшие практики. Ваша продуктивность ( => стоимость как разработчика) может возрасти в несколько раз с этим инструментом. Потратьте время на то, чтобы научиться им эффективно пользоваться.

#ai #tip #ide #cursor

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

https://eduson.academy/team-management
https://otus.ru/lessons/teamlead2-0/
https://practicum.yandex.ru/team-management-development/
https://skillbox.ru/course/software-architect/

И снова про пропс дриллинг
https://alexop.dev/posts/solving-prop-drilling-in-vue/

Видели такое? https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Frameworks_libraries/Vue_getting_started