Тёмный

Курс по Pinia #7 - Стиль Composition API 

Frontend Skills
Подписаться 3,2 тыс.
Просмотров 10 тыс.
50% 1

Опубликовано:

 

29 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@YarkiiYa
@YarkiiYa Год назад
Как-то option api приятнее глазу моему)) Но спасибо и за такую реализацию)) интересно
@frontend-skills
@frontend-skills Год назад
Есть такое, но, думаю, дело привычки) для меня сначала composition API в компонентах тоже казался чем-то неудобным)
@doge8633
@doge8633 Год назад
Да вы сер, я вижу мазохист
@dimalukashenko4865
@dimalukashenko4865 Год назад
Отличный урок, спасибо за турд!
@ig4763
@ig4763 Год назад
изначально писал на новый лад.всё работает👍
@МиржалолМирхомитов-г4о
Классный понятный урок. Спасибо 👍👍👍
@denisbozhko2067
@denisbozhko2067 11 месяцев назад
отличный урок. все четко и ясно
@frontend-skills
@frontend-skills 11 месяцев назад
Спасибо 🥰
@ievgenniki8952
@ievgenniki8952 Год назад
thank you for the videos hope you will have inspiration to upload more
@yaroslav5190
@yaroslav5190 Год назад
большое спасибо за видео
@blackRGB
@blackRGB Год назад
С Composition API больше разговоров было, на деле все очень просто. В этой теме более интересен Composable подход (аля хуки в реакте). Как и где использовать. Было бы очень интересно посмотреть. За Pinia спасибо!
@frontend-skills
@frontend-skills Год назад
Да, до composable дойдем скоро) а в целом да, composition API очень простой. Просто взять и попробовать нужно самому)
@c_i_k_a_d_a5009
@c_i_k_a_d_a5009 Год назад
@@frontend-skills big thanks за краш курс, очень круто было бы услышать про Composable подход в вашем исполнении🍍
@frontend-skills
@frontend-skills Год назад
Спасибо) чуть позже запишу обязательно))
@МиржалолМирхомитов-г4о
@@frontend-skills А когда примерно планируете записать видосик про Composable подход. Было бы круто. Заранее спасибо)
@MegaTesei
@MegaTesei Год назад
Класс, кому Optionltqcndbntkmyj приятнее и понятнее. Это адептам Реакта удобне Compos...
@naumov-channel
@naumov-channel 10 месяцев назад
Вопрос, если мы захотим использовать вместо фильмов сделать хранилище книг, но переиспользовать методы хранилища, как мы это можем сделать?
@anyakh
@anyakh Год назад
в моем случае watchedMovies возвращает пустой массив при каждом обращении (кеширование?), нужен return )
@AlexPvndvCode
@AlexPvndvCode 7 месяцев назад
Добрый день! А зачем тогда вобще стор, если можно просто компосабл сделать, без обертки в pinia, и работать будет кажется так же, нет?
@frontend-skills
@frontend-skills 7 месяцев назад
Добрый день :) Store - это глобальное хранилище для всего приложения. Composable - для состояния и логики внутри компонента :) Логика похожа, но разные места использования
@ESTechnonet
@ESTechnonet 3 месяца назад
Composition api смотрится чужеродно. Старый синтаксис более читаемый. В чем бенефит нового синтаксиса?
@frontend-skills
@frontend-skills 3 месяца назад
Это путь к функциональным компонентам :) на самом деле это просто привычка. Вангую, что в какой-нибудь Vue4 уберут вообще Options API. Мне тоже было очень сложно привыкнуть, но теперь старый синтаксис кажется неудобным)
@ESTechnonet
@ESTechnonet 3 месяца назад
@@frontend-skills в самом Vue все ок с этим. А вот а Pinia читаемость стала хуже как-будто.
@frontend-skills
@frontend-skills 3 месяца назад
Да тоже дело привычки)
@anastasiak4202
@anastasiak4202 10 месяцев назад
почему movies это ref, а не reactive?
@frontend-skills
@frontend-skills 10 месяцев назад
Под капотом все равно reactive вызывается :) поэтому можно всегда ref использовать)
@WiseApe1
@WiseApe1 Год назад
не пойму в чем преимущество Composition API? выглядит ужасно
@frontend-skills
@frontend-skills Год назад
Такое же ощущение было, пока не стал проект писать на Composition. Оказалось супер удобно)
@your_freedom
@your_freedom Год назад
в моем случаи была ошибка. Ошибка, которую я видел, связана с тем, что геттеры 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; });
@Torapulkin
@Torapulkin 3 месяца назад
И у меня та же самая история вылезла
Далее
The Pinia Crash Course
34:40
Просмотров 16 тыс.