Курс по Pinia #2 - State

Поділитися
Вставка
  • Опубліковано 31 січ 2025

КОМЕНТАРІ • 74

  • @sergsvl
    @sergsvl 2 роки тому +5

    Отличные концептуальные уроки для быстрого старта на Pinia после старого и привычного vuex!

  • @slaaash_podcast
    @slaaash_podcast Рік тому

    Классная серия видео! Очень здорово, структурированно и просто преподносишь информацию!

  • @dimalukashenko4865
    @dimalukashenko4865 2 роки тому +2

    Отличный урок, спасибо за труд!

    • @frontend-skills
      @frontend-skills  2 роки тому

      Спасибо, что смотрите ✊🙃

    • @mikaelgevorgyan4521
      @mikaelgevorgyan4521 Рік тому

      @@frontend-skills пчму я так ненавижу терминал), будто те кто создавали это всё не могли придумать одним кликами мыши

  • @toni_wheel
    @toni_wheel 8 місяців тому

    Спасибо большое. Думал по началу использовать Vuex, но были проблемы с интеграцией TypeScript. А Pinia - то, что надо! Работает все из коробки.

    • @frontend-skills
      @frontend-skills  8 місяців тому +1

      Пожалуйста :) ну сейчас использовать Vuex - не канон в любом случае)) по крайней мере на новых проектах в связке с Vue3 :)

  • @YarkiiYa
    @YarkiiYa 2 роки тому +2

    Спасибо за контент!

  • @dreammanor_ru
    @dreammanor_ru 2 роки тому

    Привет. Спасибо за видео. Не останавливайся)

  • @denistavabilov3338
    @denistavabilov3338 2 роки тому +1

    Каммент в поддержку! Pinia Vue Vue3

  • @sk2086ooops
    @sk2086ooops 2 роки тому

    Спасибо!) ждём следующий ролик:)

  • @unicoxr5tj417
    @unicoxr5tj417 2 роки тому +4

    мало чет видосов и просмотров у канала) Так-то актуалочка)
    Автору удачи)

    • @frontend-skills
      @frontend-skills  2 роки тому +2

      Спасибо большое!)

    • @AlexKrut
      @AlexKrut 2 роки тому +1

      Присоединяюсь. Контент прямо вовремя и в тему для меня. Думаю что со временем наберется огромное количество просмотров у данных видео. Спасибо Автору!

    • @frontend-skills
      @frontend-skills  2 роки тому +1

      Спасибо большое ❤️❤️

  • @kostyafrompiter
    @kostyafrompiter 2 роки тому +1

    Всё понятно!

    • @frontend-skills
      @frontend-skills  2 роки тому

      Надеюсь, так дальше и будет)

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 Рік тому

    всё заработало)

  • @Alex-sb3fd
    @Alex-sb3fd 2 роки тому

    отличные видео

  • @Дмитрий-р7х9щ
    @Дмитрий-р7х9щ 2 роки тому +2

    Привет изучаю vue как раз на этой недели по плану Vuex. Скажи, есть в этом смысл или лучше сразу разбираться с Pinia? Спасибо

    • @frontend-skills
      @frontend-skills  2 роки тому +1

      Привет! Можно сразу изучать Pinia, так как он стандарт де-факто для Vue3. Но. Есть большая вероятность того, что ты можешь попасть на проект с Vue2, а там наверняка Vuex. Так что его тоже надо будет подучить. Но на самом деле визуально разница не сильно большая, быстро разберешься с Pinia, если знаешь Vuex, и наоборот)

  • @sekirogenshiro2210
    @sekirogenshiro2210 Рік тому +1

    Офигенно!

  • @brenkovd
    @brenkovd Рік тому

    А нужно ли обязательному свойству задавать значение по умолчанию?

    • @frontend-skills
      @frontend-skills  Рік тому

      А про какие обязательные свойства речь? :)

    • @brenkovd
      @brenkovd Рік тому

      @@frontend-skills defineProps в котором movie объявлено как required: true и там еще default задаётся

    • @frontend-skills
      @frontend-skills  Рік тому

      Нет, необязательно :) Привык к этому, но на деле если будет required: true, выдаст ошибку и просто не получится дальше работать с компонентом. Есть очень узкие моменты, где default необходим, но на деле такое крайне редко бывает. так что можно не забивать голову

    • @brenkovd
      @brenkovd Рік тому

      @@frontend-skills Понял))

    • @brenkovd
      @brenkovd Рік тому

      @@frontend-skills Спасибо за ролики , и хотелось бы еще передать человеку спасибо который полностью документацию на русский перевёл. Начал документацию изучать и офигел от того что полностью переведено)) Так же и Router, вот бы еще сам Vue перевели)

  • @BillGadov
    @BillGadov 2 роки тому

    все делаю как в видосе/ получаю 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 2 роки тому

      проблема такая почемуто присутствует когда создаю проект через vue cli / через Vite все нормльно подключилось и заработало!

    • @cheshirecat1080
      @cheshirecat1080 Рік тому

      Скорей все напутали с директориями

    • @ebirdori9498
      @ebirdori9498 11 місяців тому

      у меня тоже такая хрень
      И я хз че с этим делать

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 Рік тому

    а зачем там нужен setup просто скрипт не будет )?

  • @vladpopov9950
    @vladpopov9950 2 роки тому

    👍👍👍

  • @nichtiak
    @nichtiak Рік тому

    а как передавать данные на разные маршруты на разные компоненты?? этого нигде не рассказывают(((

    • @frontend-skills
      @frontend-skills  Рік тому

      Не очень понял кейса. Нужны подробности)

    • @nichtiak
      @nichtiak Рік тому

      @@frontend-skillsесть допустим страничка с личными данными и публичными, они на разных ссылках, и надо чтоб данные заполнялись в личных данных и отображались в публичных.
      Вводишь на одной страничке, но отображалось и на другой

    • @frontend-skills
      @frontend-skills  Рік тому

      @nichtiak ну тогда там, где вводишь данные, должен срабатывать экшен на изменение state. А где отображать - выводить эти данные путем импорта модуля стора, как это делается на протяжении всего курса) если я правильно понял то, что нужно сделать)

    • @nichtiak
      @nichtiak Рік тому

      @@frontend-skillsя сделал стор, а потом в каждом из компонентов сделал импорт этого стора, указал в option api переменную в которую положил этот стор, а дальше в обоих компонентах связал свойства стора с инпутами через v-model.
      Но вот незнаю правильный ли это подход.
      Через пропсы ничего не передавал.

  • @mind150
    @mind150 2 роки тому

    Спасибо

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 Рік тому

    0о0 то что вводится в терминал работает. Мне интересно) пчму разрабы не придумывают прощще

  • @darthl1ne
    @darthl1ne 2 роки тому +1

    Привет. Спасибо за урок. Как часто будут выходить уроки и сколько их всего ?

    • @frontend-skills
      @frontend-skills  2 роки тому +2

      Планирую раз в 2-3 дня. Около 10 будет

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 Рік тому

    сервер сдох) не знаю что тут с этим происходит вроди бы всё норм было и тут не показывает в браузере( .как остонавить сервер ) когда пишут npm run dev и отключить его

  • @ДмитрийМалафеевский-т8ш

    Картинки не грузятся :(

  • @r35p3ct00
    @r35p3ct00 Рік тому

    Насколько я понял, все, что состоит из нескольких компонентов уже подразумевает использование стора, проброс параметров по мне так мука.

  • @angrof
    @angrof 2 роки тому

    Зачем создавать через vite, когда можно через vue

    • @frontend-skills
      @frontend-skills  2 роки тому +1

      Что значит через vue?)

    • @web3388
      @web3388 2 роки тому

      @@frontend-skills видимо имеется ввиду через npm init vue@latest

  • @ablbaltabekov9083
    @ablbaltabekov9083 2 роки тому +1

    Все круто. Но я зашёл чтоб понять как использовать пинию, а не пройти обучение по вью в целом. От пинии тут только пару минут(((

    • @frontend-skills
      @frontend-skills  2 роки тому +3

      Тогда можно сказать, что любой курс по вью - это про JS целиком) не очень понятно, что вы ожидали, если Pinia работает в контексте Vue)

  • @vyacheslavvasilev1776
    @vyacheslavvasilev1776 9 місяців тому

    Сколько нытиков в комментах... ужас) Спасибо за уроки, все круто

  • @fffffristaylo
    @fffffristaylo Рік тому

    Мелковат шрифт, но в целом отлично

  • @chkalovkayavp7613
    @chkalovkayavp7613 2 роки тому +2

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

    • @chkalovkayavp7613
      @chkalovkayavp7613 2 роки тому

      не хотел засирать от слова совсем. ты большой молодец и делаешь классное дело. интересно и приятно слушать. наверно комментом, хотел навести на мысль получше продумывать материал чтобы он был максимально информативен/целенаправлен
      уверен у тебя все получится 👍

    • @frontend-skills
      @frontend-skills  2 роки тому +1

      @@chkalovkayavp7613 Задавайте вопросы, раз что-то непонятно. Какие могут быть паралелли между Vuex и Pinia в области state, если по сути это одно и то же? Основное отличие двух библиотек я сказал в первом уроке. Если хочется совсем глубоко копать - тогда только разбирать код на GitHub по кусочкам. Курс не по Vuex. Почему тогда вы не просите разобрать разницу между Vue2 и Vue3? Пишем же на последней версии, на новой, отличия тоже есть) Серия видео не называется "Отличия Pinia и от Vuex". Далее. Что непонятно в работе state? State это не что-то такое, на чем можно сидеть полтора часа и думать про его работу. Чем вас не устраивает понятие "представьте state в виде переменных, которые доступны из любого компонента?". Ну и да. Помимо верстки тут в целом установка store, его инициализация, работа со state в компонентах. Так что не очень понимаю, какие цели данного урока не были выполнены. Если вы дальше все делаете по видео, то не очень понятно, какие вопросы могут быть в работе state. Опять же, если они есть - welcome.

  • @ВладимирСеменихин-к5ф

    12:03 давайте подумаем чему действительно будет равно дефолтное значение при вызове ()=>{}

  • @mustdie2723
    @mustdie2723 6 місяців тому

    Странно, почему то когда я смотрел урок, я не мог напрямую из state что то вытащить. Как только написал геттеры, сразу все получилось. Копировал причем весь код с гита, все равно та же проблема была.

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 Рік тому

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

  • @user-hruser
    @user-hruser 9 місяців тому

    Какой смысл использовать js, вьюшники помоему в ts вообще не умеют, причем на реальных проектах везде ts

    • @frontend-skills
      @frontend-skills  9 місяців тому

      От слова «вьюшники» захотелось выйти в окно 😁
      Если разработчик себя относит к вьюшникам, реактщикам, ангулярщикам и подобным - надо задать себе вопрос: а тем ли он занимается.
      Для frontend-разработчика без разницы, на каком фреймворке он пишет. И в том числе без разницы, где использовать TS - во Vue, React или любом другом фреймворке. Или на Vue какой-то другой TS?

    • @user-hruser
      @user-hruser 9 місяців тому

      @@frontend-skills ts везде одинаковый, но не везде правильная типизация

    • @frontend-skills
      @frontend-skills  9 місяців тому

      Можно привести пример, как во vue (раз мы говорим о нем) выглядит неправильная типизация?

    • @user-hruser
      @user-hruser 9 місяців тому

      @@frontend-skills когда используют any например

    • @frontend-skills
      @frontend-skills  9 місяців тому +2

      @user-hruser ну а причем тут Vue? Или на любом другом фреймворке нет тех, кто так делает? Дискриминация по фреймворку какая-то)

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 Рік тому

    написал это npm install -g @vue/cli и всё можно забыть, что писал код до си пор скачивает)