Тёмный
No video :(

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

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

Мой telegram-канал t.me/front_eve...
Код на GitHub github.com/Ale...
Готовый проект interviewstest...
Практические курсы:
JavaScript frontend-every...
React react.frontend...
Vue vue.frontend-e...
Создаем проект 'Список собеседований' с использованием Vue 3, TypeScript, Pinia, Firebase и Vite! Узнайте, как создать современное веб-приложение. Подробный урок по разработке приложения для хранения данных о собеседованиях с использованием всех вышеперечисленных инструментов.

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

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 35   
@Vladislav1449
@Vladislav1449 4 месяца назад
Спасибо за видео! Хотелось бы добавить 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 Месяц назад
Спасибо за курс! Добавлю для будущих поколений: 1) статус loading можно оформить штатной возможностью DataTable: 2) сообщение об отсутствии данных для вывода в таблице тоже органичнее смотрится, если воспользоваться специальным слотом DataTable, просто вставить такой template: Интервью пока нет
@svet0v
@svet0v 3 месяца назад
Спасибо за видео, неплохие уроки, но очень хотелось бы посмотреть разработку проекта на nuxt 3 и с работой с api бекенда
@frontend-skills
@frontend-skills 3 месяца назад
Будет, но позже
@user-zu3ld8is4y
@user-zu3ld8is4y Месяц назад
Thanks
@ultrapokemonultrapokemonov6110
@ultrapokemonultrapokemonov6110 4 месяца назад
can i include твердит, что ссылку в кнопку и кнопку в ссылку вставлять не стоит... Это, конечно, не такая уж прям ошибка, но я бы воспользовался router.push()/router.redirect() и не оборачивал бы кнопку редактирования в дополнительный router-link
@frontend-skills
@frontend-skills 4 месяца назад
В целом - согласен. Но именно в этом кейсе следовал документации Primevue 🙃
@Vladislav1449
@Vladislav1449 4 месяца назад
Или можно и атрибут to конечно
@davidhayrapetyan7039
@davidhayrapetyan7039 3 месяца назад
Thanks !!!!!!!
@kovtunos
@kovtunos 4 месяца назад
Спасибо за видео
@Anatoli-bq1pe
@Anatoli-bq1pe 4 месяца назад
Благодарю!
@evgeniys.4325
@evgeniys.4325 4 месяца назад
Спасибо!
@NillosT
@NillosT 3 месяца назад
Всё замечательно, но в уроке всё заточено под firebase и начинающему разработчику приходится искать дополнительные уроки, чтобы понять, как это всё переделывать под работу с ситуацией, где обращаешься к бэку через API.
@frontend-skills
@frontend-skills 3 месяца назад
Все верно, тут работаем с Firebase :) другие проекты больше сделаем без него :)
@yakovbudarin907
@yakovbudarin907 3 месяца назад
Топ контент
@user-hu4fy4ce1f
@user-hu4fy4ce1f 3 месяца назад
🔥🔥🔥
@kalyszhek5296
@kalyszhek5296 3 месяца назад
все круто.
@user-bh2qf9qp4s
@user-bh2qf9qp4s 4 месяца назад
при нажатии на кнопку удалить в консоле появляется строка Autofocus processing was blocked because a document already has a focused element.
@svet0v
@svet0v 3 месяца назад
А норм вообще хранить токены к firebase в main.ts файле? Может лучше хранить их в .env файле и добавить его в gitignore?
@frontend-skills
@frontend-skills 3 месяца назад
Касательно Firebase можно на счёт этого не переживать. API key все равно виден в network. А Все правила безопастности указываются в rules базы данных
@WalksGirl
@WalksGirl 3 месяца назад
Чтоб не дублировать код при удалении собеседования, можно наверно было изменить interviews.value, она же реактивная, или не получится?
@frontend-skills
@frontend-skills 3 месяца назад
А можно поподробнее, про какое дублирование речь?
@WalksGirl
@WalksGirl 3 месяца назад
На 36:57, файл PageList.vue, в onMounted строчка 55 ты скопировал спредом результат listIntervies в реактивную переменную interview.value, там массив получается, можно же из нее удалить удаляемое собеседование и она сразу пропадет, и не надо будет два раза дергать firebase.
@frontend-skills
@frontend-skills 3 месяца назад
@WalksGirl все верно, можно) но я люблю в таком случае дернуть Firebase. Чтобы точно работать с актуальными данными (здесь это не совсем нужно, но тем не менее). Но в целом вы правы, можно так, как вы говорите 👍
@yashuuo
@yashuuo 2 месяца назад
удаление чет не работает у меня
@frontend-skills
@frontend-skills 2 месяца назад
Какая ошибка?
@artemunix5223
@artemunix5223 4 месяца назад
накст и сеошка будет?
@frontend-skills
@frontend-skills 4 месяца назад
Возможно, но не в ближайшее время
@Vladislav1449
@Vladislav1449 4 месяца назад
@@frontend-skills очень хотелось бы накст!)
@artemunix5223
@artemunix5223 3 месяца назад
@@frontend-skills покажешь как di vue nuxt делать?
@frontend-skills
@frontend-skills 3 месяца назад
Не понял вопроса
@artemunix5223
@artemunix5223 3 месяца назад
@@frontend-skills как реализовыать правильно Dependency Inversion на vue и nuxt
@thesweetlife843
@thesweetlife843 2 месяца назад
Подскажи по опыту, такой проект тянет на уровень ждуна или чуть повыше ?
@defender6550
@defender6550 4 месяца назад
Далее
Chelsea gym be like.. 😅⚽️
00:20
Просмотров 10 млн