Todo app (список задач) на Vue 3 + Composition API / Vue практика

[@AGM140580]

Спасибо! Урок мне понравился!

[@nouchance]

Спасибо большое процветанию твоему каналу удачи тебе!

[@igorkulibaba7287]

Хороший уровень! Подписался!

[@Draglex]

С каждым разом видео все интереснее и познавательнее

[@ПавелРоговин]

В целом довольно прикольно, но хотелось бы по скорее ТС, интересно было бы послушать про новую реактивность, да и в целом про новые фичи вью3. Спасибо за контент.

[@АвдееваАнастасия-х5б]

А как сделать редактирование тасков?

[@aleksandrkhabarov6026]

Огромное спасибо автору за контент! Подписался, с жадностью поглощаю информацию!

[@РимХайруллин-с2ц]

Не работает удаление. Пробовал консоль логать вообще ничего не происходит. Памагите

[@arm_128bit]

Стоило обратить внимание про разницу между ref и reactive, что ref больше подходит для примитивов, а reactive для объектов

[@Zibinskiy]

День добрый. Если не затруднит, подскажи, плиз. Я делаю себе в портфолио сайт футбольного клуба. Думаю реализовать карточки игроков с помощью Vue. Ты не мог бы запилить видос с такой вот темой?

[@ЛукьяновАртём-р1х]

Привет, тема слишком узкая, поэтому не будет широкого охвата. А вообще сверстать нет сложности, как и любую другую карточку. Могу лишь дать совет, если у тебя в основе сайта лежит инструмент отличный от Vue, то не стоит его использовать, особенно если основа на React или любом другом реактивном фреймворке. Конечно его можно подключить через CDN, но это считает ооочень плохой практикой:)

[@ПашаДибала]

@@kaprizov3200 Есть Владилен минин, там типо CRM делает, но тоже с 1 header, без скрола и с кучей багами 😂

[@ЛукьяновАртём-р1х]

@@kaprizov3200 Привет. Для лендингов нет смысла использовать Vue, по крайней мере в чистом виде, т.к. это фреймворк для создания SPA. Хотя если взять тот же GridSome(аналог Gatsby) то можно сделать и лендинг, и я бы предпочел такой вариант, нежели использовать условный PHP. Лично я не делаю большие проекты под запись т.к. на это может уйти слишком много времени, ну и на дистанции это потраченное время может не окупиться(не в плане монетизации, у меня её нет, а в плане просмотров). Даже чтобы записать такое короткое видео как это - уходит часа 3-4, а с монтажем и все 5ч. Все таки канал для меня больше как развлечение или хобби, поэтому я не могу делать большие проекты.

[@kaprizov3200]

@@ЛукьяновАртём-р1х а спасибо что просветил, не знал что вью в основном для spa, я просто хотел запилить лендинг для портфолио, а примеров не было

[@ЛукьяновАртём-р1х]

@@kaprizov3200 могу порекомендовать Gridsome если хочется именно на Vue сделать. Удобный инструмент для статически генерируемых сайтов.

[@aleksandrkhabarov6026]

Если удалить все задачи и попробовать добавить новую - получим ошибку. Что бы пофиксить, нужно добавить проверку в методе addTask: *taskList.value = [...taskList.value, {id: (**taskList.value.id** != undefined) ? taskList.value[taskList.value.length - 1].id + 1 : 1, title, description, status: false}]*

[@aleksandrkhabarov6026]

Кстати после ввода задачи и нажатия Add Task в input'ах остаются значения предыдущего ввода, что бы это пофиксить, нужно дописать метод onAddTask в файле TaskInput.vue: const onAddTask = () => { emit('onAddTask', {title: title.value, description: description.value}) title.value = '' description.value = '' } Пишу для таких же чайников как и я)))

[@shpagin_dev]

Во vue 3 атрибут key для списка не нужен

[@BraentR]

Спасибо

[@ЕвгенияСтурова-и9ц]

Спасибо! )

[@AlekseyNaumov_734]

Хотелось бы масштаб побольше, плохо видно.

[@ilyakhoroshavin3488]

жду видео какого нить проекта чтоб с базой данных работа была еще pls

[@БезэтогоНикак]

Большое Спасибо за видео. Попробовал, больше Vite-ху*тэ использовать не буду. Взяли похерили все прелести vue. Я правда слабый разраб и мне смена архитектуры на прокси до фени, может быть в этом причина.

[@ЛукьяновАртём-р1х]

В проде я тоже не буду испытывать судьбу, т.к. много сырых мест пока что, но я уверен их пофиксят на дистанции. Ведь есть и положительные моменты - реально крутая производительность, понравилась поддержка WASM из коробки. И про Vue ты зря, Vite к функционалу Vue не имеет отношения, это просто новый веб инструмент по типу Webpack, ты так же можешь на нём завести React/Svelte.

[@shpagin_dev]

@@ЛукьяновАртём-р1х Vite под вью разрабатывался изначально, у них это в доке написано, это потом они от фреймворка отошли ИМХО решение такое себе т.к. универсальных сборщиков на GO сейчас миллион появилось и ещё один универсальный никому не нужен, а вот заточенный именно под vue -- возможно

[@Александр-ш8к6щ]

Спасибо за урок, но уровень владения JS и Vue для его понимания явно должен быть выше среднего. Поэтому оценка скорее отрицательная.

[@alexdreamer11]

Вообще ни чего не понял. Ты пытался показать как круто и быстро ты умеешь кодить?

[@laticalamonzi2814]

Насчёт фоновой музыки - зря. Видео обучающее, а подобная музыка стимулирует совсем другие "центры" =)