С Composition API больше разговоров было, на деле все очень просто. В этой теме более интересен Composable подход (аля хуки в реакте). Как и где использовать. Было бы очень интересно посмотреть. За Pinia спасибо!
Это путь к функциональным компонентам :) на самом деле это просто привычка. Вангую, что в какой-нибудь Vue4 уберут вообще Options API. Мне тоже было очень сложно привыкнуть, но теперь старый синтаксис кажется неудобным)
Добрый день :) Store - это глобальное хранилище для всего приложения. Composable - для состояния и логики внутри компонента :) Логика похожа, но разные места использования
в моем случаи была ошибка. Ошибка, которую я видел, связана с тем, что геттеры watchedMovies и totalCountMovies не возвращают значения. Это приводит к ошибке "Cannot read properties of undefined", так как результат этих геттеров не определен был. Вижу что у тебя работало без return , но в моем случаи пришлось его добовлять //гетеры const watchedMovies = computed(() => { return movies.value.filter((el) => el.isWatched); }); const totalCountMovies = computed(() => { return movies.value.length; });
Как-то option api приятнее глазу моему))
Но спасибо и за такую реализацию)) интересно
Есть такое, но, думаю, дело привычки) для меня сначала composition API в компонентах тоже казался чем-то неудобным)
Да вы сер, я вижу мазохист
изначально писал на новый лад.всё работает👍
Отличный урок, спасибо за турд!
отличный урок. все четко и ясно
Спасибо 🥰
thank you for the videos
hope you will have inspiration to upload more
Классный понятный урок. Спасибо 👍👍👍
большое спасибо за видео
С Composition API больше разговоров было, на деле все очень просто. В этой теме более интересен Composable подход (аля хуки в реакте). Как и где использовать. Было бы очень интересно посмотреть. За Pinia спасибо!
Да, до composable дойдем скоро) а в целом да, composition API очень простой. Просто взять и попробовать нужно самому)
@@frontend-skills big thanks за краш курс, очень круто было бы услышать про Composable подход в вашем исполнении🍍
Спасибо) чуть позже запишу обязательно))
@@frontend-skills А когда примерно планируете записать видосик про Composable подход. Было бы круто. Заранее спасибо)
Класс, кому Optionltqcndbntkmyj приятнее и понятнее. Это адептам Реакта удобне Compos...
Вопрос, если мы захотим использовать вместо фильмов сделать хранилище книг, но переиспользовать методы хранилища, как мы это можем сделать?
в моем случае watchedMovies возвращает пустой массив при каждом обращении (кеширование?), нужен return )
Composition api смотрится чужеродно. Старый синтаксис более читаемый. В чем бенефит нового синтаксиса?
Это путь к функциональным компонентам :) на самом деле это просто привычка. Вангую, что в какой-нибудь Vue4 уберут вообще Options API. Мне тоже было очень сложно привыкнуть, но теперь старый синтаксис кажется неудобным)
@@frontend-skills в самом Vue все ок с этим. А вот а Pinia читаемость стала хуже как-будто.
Да тоже дело привычки)
Добрый день! А зачем тогда вобще стор, если можно просто компосабл сделать, без обертки в pinia, и работать будет кажется так же, нет?
Добрый день :) Store - это глобальное хранилище для всего приложения. Composable - для состояния и логики внутри компонента :)
Логика похожа, но разные места использования
почему movies это ref, а не reactive?
Под капотом все равно reactive вызывается :) поэтому можно всегда ref использовать)
не пойму в чем преимущество Composition API? выглядит ужасно
Такое же ощущение было, пока не стал проект писать на Composition. Оказалось супер удобно)
в моем случаи была ошибка.
Ошибка, которую я видел, связана с тем, что геттеры watchedMovies и totalCountMovies не возвращают значения.
Это приводит к ошибке "Cannot read properties of undefined", так как результат этих геттеров не определен был.
Вижу что у тебя работало без return , но в моем случаи пришлось его добовлять
//гетеры
const watchedMovies = computed(() => {
return movies.value.filter((el) => el.isWatched);
});
const totalCountMovies = computed(() => {
return movies.value.length;
});
И у меня та же самая история вылезла