🧪 VUE с нуля за 5 часов! Новая рубрика «RED Test» | Vue 3 для начинающих [TS / Nuxt / Vue Query]

Надеюсь Вы оцените мои старания, с Вас лайк и подписка.

Если есть какие-то фишки по этой теме - дай знать в 💬 комментариях!

#Vue #Nuxt #RedGroup #TypeScript #VueQuery

Новая рубрика на канале - RED Test! Я получаю большое количество сообщений "сделай видео с X технологией", к сожалению я один и не могу все охватить. Но мне как и Вам интересно попробовать что-то новое, поэтому я решил запустить данную рубрику, где мы будем пробовать новую технологию в рамках одного стрима. В этом выпуске мы разберем Vue с нуля за 5 часов. Это будет Vue 3 для начинающих. Кроме Vue разберем важные для него библиотеки Nuxt, Vue Query и TypeScript.

Тайм коды:
00:00:00 - Начало
00:14:00 - Установка проекта Vue
00:32:30 - Ставим заново с помощью Vite
00:38:00 - Базовые настройки проекта
00:59:00 - Пробуем реактивный стейт
01:09:30 - Выводим посты циклом
01:20:00 - Удаление постов
01:35:00 - Форма для добавления поста
01:47:00 - Пробуем vee-validate
02:09:00 - Подключение Tailwind
02:40:00 - Разбираемся с модульными файлами scss
02:43:20 - Пишем стили
02:56:00 - Выносим логику в отдельный хук, как в React
03:01:40 - Проблемы с Vue Query
03:49:00 - Vue Query заработал
03:53:20 - Описываем сервис для постов
04:00:20 - Получаем все посты
04:03:00 - Удаление постов
04:09:30 - Поднимаем свой json server
04:14:00 - Создание поста
04:21:00 - Устанавливаем Nuxt
04:38:00 - Первая реакция
04:50:00 - Подгрузка постов через SSR
04:56:00 - Установка Tailwind в Nuxt
05:00:00 - Вывод данных SSR
05:06:00 - Спасибо за просмотр!

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

[x-bit]

Хотелось бы всяческие проекты на Vue. Типа таких которые на React делал. Лайк комент если за

[elixzez]

Буду ждать большой проект на vue !
Спасибо Макс большое за такие видео, это правда что на Vue информации меньше чем на реакт, но твой материал спасает )

[web]

ооо наконец дождался, теперь 5 часов, исправили, кайф :)

[xPycx]

5ч кайфа просто. от души, лол я даже не заметил что 17мин только есть. а так крутой стрим был

[rslazamat]

Классно что оставил таймкоды, спасибо

[Teplophizik]

По девтулзам vue-query в самом верху написано - "deprecated standalone. Всё что нужно - используйте vue-devtools". Невнимательность.
Проблема с получением data - отсутствие банального await. Ты же видишь, что там всё приходит, ну. Спешка. ***(ну а на момент fetch'a - .value)
Ну и в целом много разного лишнего кода из-за того, что тот же defineComponent, например, уже не нужен - пережиток от ранних этапов становления Composition API. Примеры в документации левых библиотек понаписали, а обновлять - да ну зачем.
Дока самого Vue реально крутая, только её всё же нужно читать хотя бы через строчку, а не по диагонали впопыхах на стриме. Тогда всё станет на свои места.
Уверен, если напишешь сколько-нибудь объёмный проект на Vue, оценишь его по достоинству. Если не упираться в React после каждой запятой, конечно )

[REDGroup]

Надеюсь Ютуб не подведет и прогрузит все 5 часов.

UPD: Стрим так и не прогрузился, сегодня утром опять списался с поддержкой, они заново отправили стрим на обработку, сказали ждать 12-24 часа и потом снова написать.

[maskaradikk]

Привет, подскажи, что у тебя за тема? и есть ли такая же или похожая в vs code?

[askerkotsev]

Как с тобой связаться у меня 2к с карты списалось на твой счёт только что

[web]

Смотрел только начало, было очень интересно, захотел пересмотреть полностью и только 17 минут, печально :(

[danys]

5ч за 17.18 минут. А если на х2 поставить, то и вовсе 17.18/2!

[tvcbsdn]

Блин как-же мне нравиться VUE но я все-же понимаю что на нем работы мало а безработным не хочется быть так что React учу VUE потом когда-то, спасибо за такой прекрасный урок.

[mogmhvl]

а почему вы обращаетесь к аудитории "парни"? вас девушки тоже смотрят