#5 Проект "Список собеседований" на Vue3, TS, Pinia. Отображение и удаление данных

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

КОМЕНТАРІ • 36

  • @Vladislav1449
    @Vladislav1449 8 місяців тому +5

    Спасибо за видео! Хотелось бы добавить
    1) Атрибут to у RouterLink указывать строкой - не лучшая практика. Т.к. адрес ссылки может поменяться, лучше использовать name. И в данном случае можно было бы указать так :to="{ name: 'Interview', params: { id: data.id } }"
    2) scoped слот можно деструктурировать и получается короче, особенно тут, когда их тут несколько.
    3)
    const listIntervies: Array = await getAllInterviews()
    interviews.value = [...listIntervies]
    Тут спред лишний и можно в одну тогда строку interviews.value = await getAllInterviews()

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

    Спасибо за курс! Добавлю для будущих поколений:
    1) статус loading можно оформить штатной возможностью DataTable:
    2) сообщение об отсутствии данных для вывода в таблице тоже органичнее смотрится, если воспользоваться специальным слотом DataTable, просто вставить такой template: Интервью пока нет

  • @svet0v
    @svet0v 8 місяців тому +1

    Спасибо за видео, неплохие уроки, но очень хотелось бы посмотреть разработку проекта на nuxt 3 и с работой с api бекенда

  • @Alex-sb3fd
    @Alex-sb3fd 2 місяці тому

    Подскажите а что за помощник искусственный интеллект встроенный в редактор?

  • @ultrapokemonultrapokemonov6110
    @ultrapokemonultrapokemonov6110 8 місяців тому +3

    can i include твердит, что ссылку в кнопку и кнопку в ссылку вставлять не стоит... Это, конечно, не такая уж прям ошибка, но я бы воспользовался router.push()/router.redirect() и не оборачивал бы кнопку редактирования в дополнительный router-link

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

      В целом - согласен. Но именно в этом кейсе следовал документации Primevue 🙃

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

      Или можно и атрибут to конечно

  • @СлавикГусев-л4и
    @СлавикГусев-л4и 8 місяців тому

    при нажатии на кнопку удалить в консоле появляется строка Autofocus processing was blocked because a document already has a focused element.

  • @NillosT
    @NillosT 8 місяців тому +1

    Всё замечательно, но в уроке всё заточено под firebase и начинающему разработчику приходится искать дополнительные уроки, чтобы понять, как это всё переделывать под работу с ситуацией, где обращаешься к бэку через API.

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

      Все верно, тут работаем с Firebase :) другие проекты больше сделаем без него :)

  • @kovtunos
    @kovtunos 8 місяців тому +1

    Спасибо за видео

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 8 місяців тому +1

    Благодарю!

  • @evgeniys.4325
    @evgeniys.4325 8 місяців тому +1

    Спасибо!

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

    А норм вообще хранить токены к firebase в main.ts файле? Может лучше хранить их в .env файле и добавить его в gitignore?

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

      Касательно Firebase можно на счёт этого не переживать. API key все равно виден в network. А Все правила безопастности указываются в rules базы данных

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

    Чтоб не дублировать код при удалении собеседования, можно наверно было изменить interviews.value, она же реактивная, или не получится?

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

      А можно поподробнее, про какое дублирование речь?

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

      На 36:57, файл PageList.vue, в onMounted строчка 55 ты скопировал спредом результат listIntervies в реактивную переменную interview.value, там массив получается, можно же из нее удалить удаляемое собеседование и она сразу пропадет, и не надо будет два раза дергать firebase.

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

      @WalksGirl все верно, можно) но я люблю в таком случае дернуть Firebase. Чтобы точно работать с актуальными данными (здесь это не совсем нужно, но тем не менее). Но в целом вы правы, можно так, как вы говорите 👍

  • @СергейБобков-б7э
    @СергейБобков-б7э 6 місяців тому

    Thanks

  • @thesweetlife843
    @thesweetlife843 7 місяців тому

    Подскажи по опыту, такой проект тянет на уровень ждуна или чуть повыше ?

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

    Thanks !!!!!!!

  • @yakovbudarin907
    @yakovbudarin907 8 місяців тому +1

    Топ контент

  • @artemunix5223
    @artemunix5223 8 місяців тому +1

    накст и сеошка будет?

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

      Возможно, но не в ближайшее время

    • @Vladislav1449
      @Vladislav1449 8 місяців тому +2

      @@frontend-skills очень хотелось бы накст!)

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

      @@frontend-skills покажешь как di vue nuxt делать?

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

      Не понял вопроса

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

      @@frontend-skills как реализовыать правильно Dependency Inversion на vue и nuxt

  • @ДенисАгейчев
    @ДенисАгейчев 8 місяців тому +1

    🔥🔥🔥

  • @yashuuo
    @yashuuo 7 місяців тому

    удаление чет не работает у меня

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

    все круто.

  • @defender6550
    @defender6550 8 місяців тому +1