Чем крут Composition API? Vue 3 практические примеры

Делать отдельную функцию для инверсии - это круто! Надо сделать ее в виде модуля и запустить в репу npm. Также есть идеи сделать отдельными модулями (!!value), (value ?? defaultValue) и много других. 😆

Спасибо большое за видео! И всё же - тачпад или мышь, что использовать на макбуке?)

Владлен, добрый день.

Насколько я понимаю Вы являетесь действующим разработчиком на Vue в какой-то из компаний.
К сожалению в этом примере я не нашел так называемых "плюсов" использования Composition API.
Все, что Вы предложили в качестве примера можно было делать во Vue2 и без Composition API, допустим просто оборачивая элементы форм в соответствующие компоненты.

Другими словами на данный момент я изучаю Vue3, но пока не вижу явных причин перехода на Composition API, от той привычной структуры, к которой я привык, и на которой много что уже написано.

Например: получение данных с REST API сервера оборачиваются в соответствующие модели во фронтенде, а в дальнейшем используется в любом компоненте системы по необходимости. Это чем то похоже на Composition API, но все реализовано стандартными средствами JS и Vue2.

Как по мне, выглядит этот композишн апи достаточно уродливо по сравнению с теми же компонентами-классами. Плюс логика размывается на разные файлы, что не очень вписывается в философию однофайловых компонентов

Название ролика не соответствует содержанию, на мой взгляд

По моему, валидация усложнила, чуток, задачу. Можно было ее вывести в отдельный подурок

и правда красиво!
но это всё уже съедено и высрано в библе валидаторов от самого vue, тупо пересказ внеутренней работы этой библы на composition api

Давайте ролик Vue/Nuxt + TypeScript + Express + Socket )))

Так и не понял при чем тут Composition VUE? Ты просто час пишешь валидатор, который уже написан. Любой может зайти на git vuelidate и посмотреть как устроен валидатор изнутри кому интересно, но КОМУ это интересно? Крутость Composition`а не раскрыта! Как по мне так с Composition пишешь намного больше кода, а профита никакого. P.S. Пожалуйста следуйте простом правилам, хотя бы этим: Single Responsibility (принцип единственной ответственности), KISS (пишите сложно просто), Dont Repeat your self (не повторяйтесь) и не изобретайте велосипед, скорее то что вы хотите написать уже давно написано и оттестировано на многочисленной публике, так что юзайте библиотеки.

всё ещё не понимаю красоту хуков
Особенно показательна функция not()

Vuex или composition API? Что учить?

const {response, request} = useFetch(...)
Почему здесь у меня request не подсвечивается как функция?

После курса vue для начинающих здесь не понятно почти ничего.
Хотелось бы больше разложить по полочкам про работу вообще с компонентами, и почему ты используешь setup а не стандартную раскладку, где есть data, methods и т.д. Мне вот вообще не понятно почему так, а не по другому, в чём различия и т.д.

так проще form[validKey] = computed(() => {
return !Object.keys(form).filter(k => k !== validKey)
.some(key => !form[key].valid)
});

Просто огонь!

а есть видео, что такое , а не как использовать ?

Круто! Вчера только переписывал валидацию форм из твоего курса по React`у на Vue. Прикольно получилось. Но показалось кода много дублирующегося. А это как раз самое оно! Спасибо! )

Добрый день! Спасбо за крутое видео! Вопрос как обратится внутри объекта форм к другому объекту, например email :)

Видео полезное, вопросов к автору нет. Вопросы только к разрабам Vue 3.X. Реактоиды наныли и получилась каша.

Большое спасибо! Познавательно!

Вью все больше становится похожим на Реакт, хотя в том то и была фишка Вью, что он более прост в использовании

Немного не понятно, мне кажется что на vue 2 меньше кода было бы))

Я смотрю и понимаю, что это по сути самописная библиотека vuelidate на минималках. Огромное спасибо, было очень информативно и интересно)

Спасибо

Хорошие , годные у тя уроки

Зачем фильтр, если поля, которые надо проверять, находятся в объекте init

Владилен, добрый день! Дайте пожалуйста совет. Я - реакт разработчик 2 года опыта, живу в мск, в ус не дую, с работой всё ок, но хочется развиваться в программировании, куда бы Вы посоветовали развиваться реакт разработчику: ещё больше во фронт - ангуляр, вью подтянуть до хорошего уровня, или же в мобильную разработку (react native), или вообще учить бэкенд (питон или руби или node js)? Мне всё интересно, но знаю я только реакт, джс и фронтенд.

спасибо за труд если можно сделайте уроки по JS с нуля до профи

Очень какой-то этот Composition API не интуитивный...

Nice good

вопрос к автору и ко всем знатокам. в вуе есть жизненный цикл beforeCreate. возможноли в нем или каким другим методом деактивировать инстанс? как это делается в других системах. например, если страница не такая или еще по какому признаку? ибо не на всех страницах сайта нужен вуе пока на него происходит постепенный переход проекта на пхп. иначе он пишет ошибку, что не находит нужный корневой элемент. не делать же общий корневой элемент ради этого. причем под разные страницы формируются свои инстансы вуе. пока так, поскольку используем преимущество пхп рендеринга.

Места на курсы закончились:(
Когда ждать новых?

Спасибо за труд, Владилен. Ты полезная находка в сфере образовательного контента на Ютуб, продолжай прогрессировать и в дальнейшем!

разбери плиз nuxt auth, буду очень благодарен

Большое спасибо.

Тема не раскрыта. В чем преимущества, какие недостатки, а они есть. Переборщил с практикой, скучно смотреть.

круть! спасибо!)

arr.some() вместо arr.reduce()

Спс за видео, есть субъективное пожелание, использовать typescript в будущем в роликах про vue 3

Ребята, я правильно понимаю что теперь в компоненте состояние и методы можно определить в setup(), вместо того чтобы делать это в data() и methods()? и отныне это рекомендуемый способ это делать?

Если function заменить на class, все константы засунуть в свойства, а функции в методы + заюзать декораторы (а-ля mobx observable / computed) = можно получить вполне себе ООП.

Только зачем было изобретать его заного? Какая-то непонятная мода на "функциональное" (именно в кавычках, т.к. это не тру ФП) программирование.

Можно немного про Typescript и Vue?