COMPOSITION API И НОВОВВЕДЕНИЯ VUE 3 | Создание прилоежние с нуля

[@Дмитрий-р3д9я]

Ждем новых видео. У вас есть стиль преподавания, а главное талант преподнести доступно материал - думаю многие согласятся.

[@tocode]

спасибо 👍

[@bertiiik828]

Отличная подача, материала, привет из 2023г)) Возвращайся, расскажи еще про Vue3

[@sikinski1588]

Спасибо за видео. Было приятно слушать, ваша речь очень грамотная. Про Composition API стало более понятно

[@kostasancez2358]

Крутое АПИ, я работаю с реактом 3 года, захотелось чего то нового, это то что нужно))

[@syntax5569]

Моё почтение! Наконец-то то нашёл хороший контент) Спасибо, ролик просто пушка, приятно что тут всё объясняется а не тупо пишется на скорость) С меня, лайк, подписка, колокольчик! 🙂

[@litvinenkow]

охеренно разобрано и всё по полочкам, спасибо!

[@nikiforovevgeniy]

30:40 Поскольку props реактивны, то нельзя использовать деструктуризацию ES6, потому что это уберёт реактивность со входных параметров Будьте внимательны на этом моменте

[@ddrdeveloper]

Чтобы выполнить деструктуризацию входных параметров - необходимо использовать toRefs или toRef (читайте документацию) Пример: setup(props) { const { title } = toRefs(props) или const title = toRef(props, 'title')

[@KolhoznyjPank]

Мда...реакт конечно проще в сто раз)

[@Skif769]

Здравсвуйте, ждем ваших новых уроков!

[@tocode]

В этом видео разберемся с самым главным - composition api или options api 🚀 Новый курс Vue.js 3 С нуля до результата - tocode.ru/r/v3-ytc 🎁 А если ввести промокод "vtwitter" можно получить жирную скидку :)

[@chorkeeps7204]

Очень интересно , практики больше выкладывай, будет ещё интересней!) Какие нить небольшие приложение, чтоб было больше примеров! чтоб привыкнуть к Vue

[@АртемАртеменконезабывайвыходит]

раскажешь больше про архитектуру UI/API или что там еще есть а то все так поверхам если честно

[@valeriyk7565]

Огромное спасибо, очень важные моменты объяснены очень доходчиво!

[@nodirbeshimov4513]

Отличное видео, Спасибо огромное

[@EvgeniyYatsenko]

отлично все разложено!

[@wireinet]

Отличный урок! Спасибо! Composition Api - это гениально. Не хватало привычных стрелочных функций, здесь есть. Не хватало свободы в оформлении кода, здесь это есть. Да, будущее явно за composion Api.

[@DevALine]

Спасибо за урок! Было бы отлично, если бы в дальнейших видео разбиралось больше задач из реальных проектов. Например как лучше структурировать проект допустим магазина, чтобы в дальнейшем можно было избежать каких либо проблем со структурой.

[@tocode]

Планирую такое, но с реактом, там будут модули, пакеты, шаринг переменных правильная настройка линтов и конфигов

[@IgorFominykh]

Хорошо объясняешь, лайк!

[@newageteam]

Стало понятнее, благодарю

[@olgazaikina7303]

Все грамотно и понятно преподнесено! спасибо :)

[@AspirantDrago]

Очень доходчивый видеоурок

[@Dostoevsky2012]

Спасибо огромное, для моего уровня то что надо!👍👍👍

[@kalyszhek5296]

Было очень понятно, доходчиво.. Было бы еще круто, если использовали typescript (А то очень мало видеоуроков про Vue 3 + Typescript) Ну корочь жду таких видео еще.. Еще проTypescript + Vuex + I18n + Axios и все, все.. ))

[@DobriyHoma]

20:38 Строка 11 - Автор принимает вторым параметром пачку презервативов 😂😂😂

[@artemlaravel8769]

хуки это что ты ты показиывал на примере UI папки?

[@tocode]

Если вы еще не знаете базиса вью, тогда вы можете перейти по этой ссылке tocode.ru/demo-access/?alias=vue-3 и получить пачку видео по вью абсолютно бесплатно. Там видео начиная со всех плагинов, которыми я пользуюсь и заканчивая жизненными циклами вью компонентов. Этих видео нету у меня на юутбе и они доступны только на сайте (бесплатная часть от полного курса по вью). Как только вы познакомитесь с основами вью, тогда и возвращайтесь в этот курс, а то иначе будет тяжеловато :) Дублирую - tocode.ru/demo-access/?alias=vue-3

[@dobramorda9818]

Автору спасибо за легкое и быстрое объяснение. На TS было бы прикольно, чтобы со сложностями всякими.

[@molchanov5362]

Ну и в Options API мы так же можем описывать и валидировать эмиты)

[@yeravl]

Что лучше изучать Vuex или COMPOSITION API ? Что удобнее?

[@tocode]

обе вещи лишь дополняют друг-друга. при этом, на composition api можно использовать Vuex по минимуму или совсем отказаться

[@vladmindochin]

@@tocode как это? подробнее плиз

[@alyonatyunyaeva4571]

Отличное видео! Понятно, доступно, без воды 👌🏻 спасибо!

[@dimakozyakozlitskiy5015]

Подскажите а почему вы обьявляете константы,а потом вы их меняете?

[@tocode]

Если ты про код: const some = ref(“some”), то это объявление прокси и замена значения происходит через some.value. То есть, меняется не значение переменной, а свойство some в объекте этой переменной, что не противоречит правилам жс

[@dimakozyakozlitskiy5015]

@@tocode спасибо

[@FJFray]

Привет, сделай пожалуйста видео с актуализацией твоей сборки Webpack под 5 версию)

[@tocode]

Ага, уже есть планах

[@Monte546-s1w]

Сейчас уже в сам тег script пишется атрибут setup и не надо прописывать export default { setup(){}}

[@dimalukashenko4865]

Это только начиная с версии 3.2

[@maxrichard8852]

Отличный урок, как и педыдущие. Благодарность! Ждем продолжение по Vue 3. Правда две ошибки выдает, если использовать код как у вас: 1. error Destructuring the `props` will cause the value to lose reactivity 2. error Unexpected mutation of "items" prop Как этих ошибок избежать?

[@РусланЮсуфов-ф3ш]

Вероятно, уже неактуально, но всё же. Попробуй это, у меня работает: setup(props, context) { let { items } = toRefs(props); watch(items.value, (newValue, oldValue) => { console.log("ITEMS_WATCH: ", newValue, "OLD: ", oldValue); }); const sortBy = ref("date"); // date | likes const sorteredItems = computed(() => { const copy = items.value; copy.sort((a, b) => { if (a[sortBy.value] > b[sortBy.value]) return -1; if (a[sortBy.value] < b[sortBy.value]) return 1; }); return copy; }); return { sortBy, sorteredItems }; },

[@romanmed9035]

хорошее объяснение. хорашая длина видео.

[@kirill-petrov]

Можно ли одновременно использовать options и composition api?

[@tocode]

Можно, если это разные файлы. Например, компонент А на composition, компонент Б на options

[@svcomplex1]

у меня sort в компоненте List выдаёт: Unexpected mutation of "items" prop что логично, запрещает мутацию пропсов почему у Вас на это не ругается -- не понимаю

[@tocode]

да, я заметил это. скорее всего какая-то следущая версия вью изменила логику подхода для сортировок и то что я делал в видео приводит к ошибкам. Код надо чуть исправить. Вот пример от Руслана из комментария выше: setup(props, context) { let { items } = toRefs(props); watch(items.value, (newValue, oldValue) => { console.log("ITEMS_WATCH: ", newValue, "OLD: ", oldValue); }); const sortBy = ref("date"); // date | likes const sorteredItems = computed(() => { const copy = items.value; copy.sort((a, b) => { if (a[sortBy.value] > b[sortBy.value]) return -1; if (a[sortBy.value] < b[sortBy.value]) return 1; }); return copy; }); return { sortBy, sorteredItems }; },

[@user-rl9xv3mw1r]

О чем речь в п.3 "Приостановление компонента при определенных условиях"?

[@tocode]

это про suspense - vuejs.org/guide/built-ins/suspense.html. чтобы было проще понять: если есть какая-то функция и в ней нужно что-то "потестить" тогда можно где-то в середине написать `return` и код, который ниже `ретёрна` работать уже не будет. но когда дело доходило до `` во вью 2, то там нельзя было отрендерить лишь половину темлейта (чтобы что-то потестить) и нужно было либо удалять не рабочий код темлейта либо комментировать эти строки. На вью 3 можно добавить и редерить лишь часть темплейта, а также более комфортно подвешивать на них статусы загрузок (ожидания ответа от сервера)

[@yeravl]

Будут новые уроки?

[@tocode]

уже

[@steephacker]

Не хватает информации как использовать script setup

[@shipoopididorian3315]

Привет реакт зачем этот вуе если они все как у ректа делают а через год ещё придут к чему то что было лет 5 назад в реакте

[@triggermindscape2031]

API - произносится Эй-Пи-Ай

[@Влад-и2л]

Всмислі typescript не робить нічого бистріше. Lool. Качина типізація вийшла в двері

[@melitopol_Russia]

Кто проходит курс автора канала, можете поделиться впечатлениями?

[@Игорь-м8л1я]

Оптимизации производительности на фронте это как минимум странно.

[@yevheniimoskalenko1624]

VUE ТАК ОН И БЫЛ НА PROXY

[@tocode]

Вью 2 был и есть на гетерах и сетерах vuejs.org/v2/guide/reactivity.html

[@yevheniimoskalenko1624]

@@tocode proxy

[@yevheniimoskalenko1624]

@@tocode в console писало PROXY

[@tocode]

@@yevheniimoskalenko1624 мб это был вью 3 на опшенс апи?

[@yevheniimoskalenko1624]

@@tocode та нет на 2

[@Влад-и2л]

Остановка рендера v-if="false" ;) не дякуйте

[@TimMshk]

КрасИвее братан, у меня кровь из ушей пошла

[@tocode]

сори, когда пишу код и пытаюсь говорить выходят вот такие косяки

[@Demiurh]

хУки, а не хукИ

[@Dendor3519]

Спасибо большое! Очень полезно!