Vueist
902 subscribers
14 photos
37 links
Vue шитпостинг, желтуха, советы и мысли

Дополнительный канал к @zede_code от @zede1697
Download Telegram
Channel created
Channel photo updated
И первая тема которую я подниму: Как учить Vue в 2025?

Тема обширная, зависит от кучи параметров и особенностей.
Но я выделю главное: у Vue отличная документация! Однако изучать ее нужно тоже верным образом

1. Первое что нужно запомнить. Документация это https://vuejs.org и перевод на русский https://ru.vuejs.org(если вам комфортно с другим языком, то используйте соответствующие ссылки с этими языками). Внимательно запомните эти 2 ссылки. Если вас поиск в сети выводит на другие документации (особенно на русском), то вы попали не туда (исключение библиотеки экосистемы Vue, тут понятное дело вы будете на их сайтах).
2. Старайтесь по возможности придерживаться оригинала, те английской версии. Переводы могут иметь свои искажения или отставания, от этого никуда не деться
3. Запомнить основные разделы доки: туториал, гайды, документация API, глоссарий, стайл гайд. Остальное это уже мелочи
4. Не стесняйтесь пользоваться плейграундом при изучении или особенно когда у вас есть вопрос который бы вам хотелось задать в сообществе. Это проще и быстрее чем разворачивать StackBlitz и тп и гораздо быстрее дает понять что вам нужно.
5. Актуален сейчас именно Composition API. Следите за этим моментом, особенно если попадаете в документацию из ссылки поисковика

Отлично. Можем начинать изучение
1. Вам нужно пройти туториал на сайте. Он покрывает только самую базовую базу и займет у вас в зависимости от навыков от пары часов до 1-2 дней. Пожалуйста, не трогайте настройки. Вам нужно использовать только Composition и SFC вариации (либо вы попадаете в пару процентов кто ВЫНУЖДЕН использовать что-то другое, но вы и так это бы знали). Эта часть проходит полностью на сайте и вам не требуется что-то у себя настраивать
2. Отлично, вы получили базовую базу, что дальше? Дальше начинаем изучение по секции гайды. Тут правило простое: идите сверху вниз и не ошибетесь, если возникает потребность то можете прыгнуть и в другое место.
2.1. Вы дошли до момента создания приложения у себя на компьютере. Тут как и в доках простой ответ: npm create vue@latest. Далее следует выбор вариантов.
- Начинать ли с TS момент спорный, если вы пришли с другого фреймворка и с TS у вас ок, то можете сразу стартовать с ним. Если же вы новичок и теряетесь даже в основах при работе даже с JS, то лучше придержать TS до момента, когда вам будет комфортно использовать Vue и без него (чтобы не мучаться и не распыляться в изучении)
- JSX. Однозначно первое время лучше отказываться от него, даже если вы реактер, который не представляет себя без JSX, вас будет это отвлекать от изучения Vue, так как дока не адаптирована к JSX пользователям. Поэтому как и с TS оставьте JSX на потом, а может вы привыкните к SFC и возвращаться не захочется
- Router. Для первого проекта - нет
- Pinia. Для первого проекта - нет
- Vitest. Для первого проекта - нет
- E2E tests. тоже лесом.
- ESLint - ОДНОЗНАЧНО ДА. Это буквально самая важная часть, включите его и сразу идите конфиг и врубайте вместо essentials - recommended пресет. Это вас будет приучать с первых минут к vue-way разработке и убережет от большого количества ошибок новичков
- Prettier - для первого проекта я бы не включал. Там есть свои особенности, лучше слегка попридержать. В последствии будет зависеть от ваших вкусов
- Vue devtools extension - попробуйте, почему бы и нет. А вот к браузерным Devtools я бы точно попробовал приспособиться, если вам будет комфортно и без них, то ваше право
2.2 Отлично, пресет для первого проекта есть. Выберите себе любой проект и реализовывайте. Если фантазия подводит, то просите ИИ-агента помочь вам выбрать идею для первого проекта, работает неплохо.
2.3 Вы должны пройти весь Vue essentials блок гайдов и сочетайте по необходимости с блоком Components in Depth.
2.4. Я не зря упоминал блок глоссарий. Он специально создан для разъяснения терминов. Пользуйтесь
2.5. Не стесняйтесь обращаться за разъяснением сложных и непонятных моментов в чаты по Vue: @vuejs_ru / @vuejs_club (не забывайте о использовании плейграунда по необходимости)
👍17🔥65🏆1
3. Поздравляю, вы освоили некоторую базу и вам нетерпится расширять свой кругозор в мире Vue. Можете начать с подключения Vue Router и UI библиотек на свой вкус. Далее присмотритесь к vueuse большую часть рутины оно прекрасно покрывает, но старайтесь читать исходники того что используете, это сильно ускорит ваш прогресс. Далее подключаем Pinia как стейт менеджер, он не мастхэв, но знать для работы лишним не будет.

4. Вы вполне неплохо освоились во Vue. Теперь можете спокойно пробовать работать с SSR, например Nuxt. Знакомство до этого момента принесет вам много боли, поэтому я специально отложил этот пункт. Также вы теперь достаточно опытны, чтобы погружаться в глубины Vue. Заходите на API и погружайтесь в незнакомое.
2.6.

Вот такой пока получился путь для самостоятельного изучения Vue. Да он не покрывает и 60% всех возможных рекомендаций, но это точно скелет которого я бы хотел чтобы придерживались и остальное шло к нему опциями.
Буду рад ответить на ваши вопросы по данному роудмапу

FAQ:
Брать ли курсы по Vue - я не вижу в этом смысла. Большая часть того что на ютубе либо устарела, либо еще какие причины могут сильно подпортить знакомство (уровень автора, навыки преподавания, сомнительные практики и тд)

Обучаться с AI. Я бы не стал четко общаться с ИИ для изучения Vue, она частенько пытается откатиться к устаревшему API которое есть у нее в базе, либо делает выводы на его основе. Если вам очень хочется, то обязательно уточняйте Vue3+Composition API. Я еще попробую составить гайды по изучению Vue в паре с AI в будущем

Кого можно смотреть для качественного контента по Vue? Сложный вопрос. Я пока над ним думаю. Старый но мега крутой контент у Ильи Климова, на этом я бы пока закончил
👍26🔥9🎉1🏆1👨‍💻1