Тёмный
No video :(

Курс по Pinia #2 - State 

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

В этом видео поработаем со state и создадим компонент фильмов.
GitHub: github.com/Ale...
Telegram: t.me/front_eve...
Instagram: / frontend_everyday
VK: groups
Тренировка своих навыков: frontend-skill...

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

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@user-xj3yx4fy5x
@user-xj3yx4fy5x 2 месяца назад
Спасибо большое. Думал по началу использовать Vuex, но были проблемы с интеграцией TypeScript. А Pinia - то, что надо! Работает все из коробки.
@frontend-skills
@frontend-skills 2 месяца назад
Пожалуйста :) ну сейчас использовать Vuex - не канон в любом случае)) по крайней мере на новых проектах в связке с Vue3 :)
@sergsvl
@sergsvl Год назад
Отличные концептуальные уроки для быстрого старта на Pinia после старого и привычного vuex!
@frontend-skills
@frontend-skills Год назад
Очень рад, что нравится)))
@dimalukashenko4865
@dimalukashenko4865 Год назад
Отличный урок, спасибо за труд!
@frontend-skills
@frontend-skills Год назад
Спасибо, что смотрите ✊🙃
@mikaelgevorgyan4521
@mikaelgevorgyan4521 Год назад
@@frontend-skills пчму я так ненавижу терминал), будто те кто создавали это всё не могли придумать одним кликами мыши
@YarkiiYa
@YarkiiYa Год назад
Спасибо за контент!
@frontend-skills
@frontend-skills Год назад
Спасибо, что смотрите)
@slaaash_podcast
@slaaash_podcast Год назад
Классная серия видео! Очень здорово, структурированно и просто преподносишь информацию!
@frontend-skills
@frontend-skills Год назад
Спасибо большое!
@denistavabilov3338
@denistavabilov3338 Год назад
Каммент в поддержку! Pinia Vue Vue3
@frontend-skills
@frontend-skills Год назад
Спасибо!)
@dreammanor_ru
@dreammanor_ru Год назад
Привет. Спасибо за видео. Не останавливайся)
@unicoxr5tj417
@unicoxr5tj417 Год назад
мало чет видосов и просмотров у канала) Так-то актуалочка) Автору удачи)
@frontend-skills
@frontend-skills Год назад
Спасибо большое!)
@AlexKrut
@AlexKrut Год назад
Присоединяюсь. Контент прямо вовремя и в тему для меня. Думаю что со временем наберется огромное количество просмотров у данных видео. Спасибо Автору!
@frontend-skills
@frontend-skills Год назад
Спасибо большое ❤️❤️
@sergeykovalchuk5320
@sergeykovalchuk5320 Год назад
Спасибо!) ждём следующий ролик:)
@kostyafrompiter
@kostyafrompiter Год назад
Всё понятно!
@frontend-skills
@frontend-skills Год назад
Надеюсь, так дальше и будет)
@user-ed1ve4cx1i
@user-ed1ve4cx1i Год назад
Привет изучаю vue как раз на этой недели по плану Vuex. Скажи, есть в этом смысл или лучше сразу разбираться с Pinia? Спасибо
@frontend-skills
@frontend-skills Год назад
Привет! Можно сразу изучать Pinia, так как он стандарт де-факто для Vue3. Но. Есть большая вероятность того, что ты можешь попасть на проект с Vue2, а там наверняка Vuex. Так что его тоже надо будет подучить. Но на самом деле визуально разница не сильно большая, быстро разберешься с Pinia, если знаешь Vuex, и наоборот)
@mikaelgevorgyan4521
@mikaelgevorgyan4521 Год назад
всё заработало)
@Alex-sb3fd
@Alex-sb3fd Год назад
отличные видео
@frontend-skills
@frontend-skills Год назад
Спасибо!
@sekirogenshiro2210
@sekirogenshiro2210 Год назад
Офигенно!
@vyacheslavvasilev1776
@vyacheslavvasilev1776 4 месяца назад
Сколько нытиков в комментах... ужас) Спасибо за уроки, все круто
@mind150
@mind150 Год назад
Спасибо
@frontend-skills
@frontend-skills Год назад
Спасибо, что смотрите)
@mikaelgevorgyan4521
@mikaelgevorgyan4521 Год назад
0о0 то что вводится в терминал работает. Мне интересно) пчму разрабы не придумывают прощще
@user-kn7ky1ih2h
@user-kn7ky1ih2h Год назад
Привет. Спасибо за урок. Как часто будут выходить уроки и сколько их всего ?
@frontend-skills
@frontend-skills Год назад
Планирую раз в 2-3 дня. Около 10 будет
@vladpopov9950
@vladpopov9950 Год назад
👍👍👍
@mikaelgevorgyan4521
@mikaelgevorgyan4521 Год назад
а зачем там нужен setup просто скрипт не будет )?
@ablbaltabekov9083
@ablbaltabekov9083 Год назад
Все круто. Но я зашёл чтоб понять как использовать пинию, а не пройти обучение по вью в целом. От пинии тут только пару минут(((
@frontend-skills
@frontend-skills Год назад
Тогда можно сказать, что любой курс по вью - это про JS целиком) не очень понятно, что вы ожидали, если Pinia работает в контексте Vue)
@chkalovkayavp7613
@chkalovkayavp7613 Год назад
начало бодрое и интересное было. в правильном направлении идешь. но второй урок имхо ужас. парень сидит верстает 20 минут про работу со state и само хранилище 0 информации. у меня например из этого урока куча вопросов без ответа, по обращениям и использованию, как минимум можно было бы минимальные параллели к vuex приводить. как это грамотно было сделано в первом уроке. надеюсь они дальше будут, но сомневаюсь. без негатива и вроде по существу. а так молодец
@chkalovkayavp7613
@chkalovkayavp7613 Год назад
не хотел засирать от слова совсем. ты большой молодец и делаешь классное дело. интересно и приятно слушать. наверно комментом, хотел навести на мысль получше продумывать материал чтобы он был максимально информативен/целенаправлен уверен у тебя все получится 👍
@frontend-skills
@frontend-skills Год назад
@@chkalovkayavp7613 Задавайте вопросы, раз что-то непонятно. Какие могут быть паралелли между Vuex и Pinia в области state, если по сути это одно и то же? Основное отличие двух библиотек я сказал в первом уроке. Если хочется совсем глубоко копать - тогда только разбирать код на GitHub по кусочкам. Курс не по Vuex. Почему тогда вы не просите разобрать разницу между Vue2 и Vue3? Пишем же на последней версии, на новой, отличия тоже есть) Серия видео не называется "Отличия Pinia и от Vuex". Далее. Что непонятно в работе state? State это не что-то такое, на чем можно сидеть полтора часа и думать про его работу. Чем вас не устраивает понятие "представьте state в виде переменных, которые доступны из любого компонента?". Ну и да. Помимо верстки тут в целом установка store, его инициализация, работа со state в компонентах. Так что не очень понимаю, какие цели данного урока не были выполнены. Если вы дальше все делаете по видео, то не очень понятно, какие вопросы могут быть в работе state. Опять же, если они есть - welcome.
@fffffristaylo
@fffffristaylo Год назад
Мелковат шрифт, но в целом отлично
@r35p3ct00
@r35p3ct00 Год назад
Насколько я понял, все, что состоит из нескольких компонентов уже подразумевает использование стора, проброс параметров по мне так мука.
@brenkovd
@brenkovd 10 месяцев назад
А нужно ли обязательному свойству задавать значение по умолчанию?
@frontend-skills
@frontend-skills 10 месяцев назад
А про какие обязательные свойства речь? :)
@brenkovd
@brenkovd 10 месяцев назад
@@frontend-skills defineProps в котором movie объявлено как required: true и там еще default задаётся
@frontend-skills
@frontend-skills 10 месяцев назад
Нет, необязательно :) Привык к этому, но на деле если будет required: true, выдаст ошибку и просто не получится дальше работать с компонентом. Есть очень узкие моменты, где default необходим, но на деле такое крайне редко бывает. так что можно не забивать голову
@brenkovd
@brenkovd 10 месяцев назад
@@frontend-skills Понял))
@brenkovd
@brenkovd 10 месяцев назад
@@frontend-skills Спасибо за ролики , и хотелось бы еще передать человеку спасибо который полностью документацию на русский перевёл. Начал документацию изучать и офигел от того что полностью переведено)) Так же и Router, вот бы еще сам Vue перевели)
@BillGadov
@BillGadov Год назад
все делаю как в видосе/ получаю app.js:209 Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia) в чем может быть дело? уже гуглил ника не справиться (
@BillGadov
@BillGadov Год назад
проблема такая почемуто присутствует когда создаю проект через vue cli / через Vite все нормльно подключилось и заработало!
@cheshirecat1080
@cheshirecat1080 8 месяцев назад
Скорей все напутали с директориями
@ebirdori9498
@ebirdori9498 5 месяцев назад
у меня тоже такая хрень И я хз че с этим делать
@mikaelgevorgyan4521
@mikaelgevorgyan4521 Год назад
сервер сдох) не знаю что тут с этим происходит вроди бы всё норм было и тут не показывает в браузере( .как остонавить сервер ) когда пишут npm run dev и отключить его
@nichtiak
@nichtiak 10 месяцев назад
а как передавать данные на разные маршруты на разные компоненты?? этого нигде не рассказывают(((
@frontend-skills
@frontend-skills 10 месяцев назад
Не очень понял кейса. Нужны подробности)
@nichtiak
@nichtiak 10 месяцев назад
@@frontend-skillsесть допустим страничка с личными данными и публичными, они на разных ссылках, и надо чтоб данные заполнялись в личных данных и отображались в публичных. Вводишь на одной страничке, но отображалось и на другой
@frontend-skills
@frontend-skills 10 месяцев назад
@nichtiak ну тогда там, где вводишь данные, должен срабатывать экшен на изменение state. А где отображать - выводить эти данные путем импорта модуля стора, как это делается на протяжении всего курса) если я правильно понял то, что нужно сделать)
@nichtiak
@nichtiak 10 месяцев назад
@@frontend-skillsя сделал стор, а потом в каждом из компонентов сделал импорт этого стора, указал в option api переменную в которую положил этот стор, а дальше в обоих компонентах связал свойства стора с инпутами через v-model. Но вот незнаю правильный ли это подход. Через пропсы ничего не передавал.
@user-xm2tq8np6m
@user-xm2tq8np6m Год назад
Картинки не грузятся :(
@frontend-skills
@frontend-skills Год назад
Может уже VPN нужен…
@angrof
@angrof Год назад
Зачем создавать через vite, когда можно через vue
@frontend-skills
@frontend-skills Год назад
Что значит через vue?)
@web3388
@web3388 Год назад
@@frontend-skills видимо имеется ввиду через npm init vue@latest
@mikaelgevorgyan4521
@mikaelgevorgyan4521 Год назад
опять этот со своими версиями достали эти разрабы свои версии выпускать просто остановитесь уже.Дайте кодить нормально ) не в чертовом терминале, а в коде
@user-hruser
@user-hruser 4 месяца назад
Какой смысл использовать js, вьюшники помоему в ts вообще не умеют, причем на реальных проектах везде ts
@frontend-skills
@frontend-skills 4 месяца назад
От слова «вьюшники» захотелось выйти в окно 😁 Если разработчик себя относит к вьюшникам, реактщикам, ангулярщикам и подобным - надо задать себе вопрос: а тем ли он занимается. Для frontend-разработчика без разницы, на каком фреймворке он пишет. И в том числе без разницы, где использовать TS - во Vue, React или любом другом фреймворке. Или на Vue какой-то другой TS?
@user-hruser
@user-hruser 4 месяца назад
@@frontend-skills ts везде одинаковый, но не везде правильная типизация
@frontend-skills
@frontend-skills 4 месяца назад
Можно привести пример, как во vue (раз мы говорим о нем) выглядит неправильная типизация?
@user-hruser
@user-hruser 4 месяца назад
@@frontend-skills когда используют any например
@frontend-skills
@frontend-skills 4 месяца назад
@user-hruser ну а причем тут Vue? Или на любом другом фреймворке нет тех, кто так делает? Дискриминация по фреймворку какая-то)
@mustdie2723
@mustdie2723 Месяц назад
Странно, почему то когда я смотрел урок, я не мог напрямую из state что то вытащить. Как только написал геттеры, сразу все получилось. Копировал причем весь код с гита, все равно та же проблема была.
@mikaelgevorgyan4521
@mikaelgevorgyan4521 Год назад
написал это npm install -g @vue/cli и всё можно забыть, что писал код до си пор скачивает)
Далее
Курс по Pinia #3 - Getters
5:26
Просмотров 10 тыс.
娜美这是在浪费食物 #路飞#海贼王
00:20
Просмотров 4,8 млн
Курс по Pinia #7 - Стиль Composition API
10:03
Learn Pinia in 30 MINUTES! (Vue JS 3)
33:58
Просмотров 118 тыс.