Пример грамотного TypeScript для Vue Router

Поделиться
HTML-код
  • Опубликовано: 7 фев 2025
  • Создаём вспомогательные типы для Vue Router, которые позволят добыть все имена путей из конфига.
    js.dmitrylavri...

Комментарии • 31

  • @aceracer5556
    @aceracer5556 Год назад +8

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

  • @Aziikus
    @Aziikus Год назад +3

    Я в начале думал что ts придумали для того, чтобы сделать сложнее js, типа давайте придумаем что нибудь, чтобы жить веселее было. Сейчас начал понимать, что это достаточно не плохо, особенно на больших проектах

  • @nade3282
    @nade3282 10 месяцев назад

    сегодня тоже решил сделать типизацию роутера, не только для имен, а еще и для params, это было весело и тяжело, но я смог) видос получился интересный, возможно я подправлю что то в своей реализации.

  • @parapara7692
    @parapara7692 Год назад

    Отличное решение. Спасибо за видео.

  • @izzy7541
    @izzy7541 Год назад +2

    Хорошее видео. Для типизированных роутов есть пакет - unplugin-vue-router. Но там подход другой, как я понял дтски в рантайме генерятся. Я как-то не решился такой взять, по старинке енамами имена роутов прописываю

  • @pnoper
    @pnoper Год назад +1

    Во vue router v4.1.0 вроде как добавляют типизированные маршруты. Хорошо, что нативная возможность предвидится

  • @saibrok_
    @saibrok_ Год назад +2

    Пересмотрю еще раз 20 чтобы чуток вникнуть =))

  • @ilyawebdev
    @ilyawebdev Год назад +1

    Прикольно. Заодно узнал про оператор satisfies.

  • @keencastor
    @keencastor 3 месяца назад

    В который раз убеждаюсь, что разработчик не равно преподаватель

  • @виртуоз_ру
    @виртуоз_ру Год назад +1

    Интересно. Благодарю.

  • @websoda
    @websoda 10 месяцев назад

    огонь

  • @newageteam
    @newageteam 11 месяцев назад

    что думаешь насчёт плагина unplugin-vue-router?

  • @rjCdr
    @rjCdr Год назад +2

    Вот только на этом видосе понял на кой вообще нужен ts =)

  • @grantorino3465
    @grantorino3465 27 дней назад

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

  • @mody-pq8kd
    @mody-pq8kd 11 месяцев назад

    А почему где-то в shared не создать файл router-book.ts и не импортировать из него объект с путями? И править, если что, нужно в одном месте только в отличии от Вашего варианта 😊

  • @vipdeveloper
    @vipdeveloper Год назад

    А у тебя есть менторинг? Если да, где инфу получить

  • @Igoigo666
    @Igoigo666 Год назад

    у меня кстати TS не ругается изначально на as const для routes

    • @parapara7692
      @parapara7692 11 месяцев назад

      Это потому что по итогу мы принудительно выставляем тип для routes: routes as unknown as RouteRecordRaw[]

  • @maximilyukhin5454
    @maximilyukhin5454 Год назад

    Как будто зашел на канал Шипова

  • @ProGamerru
    @ProGamerru Год назад +1

    Зачем столько ресурсов разработчика тратить на написание проверок?)

    • @Markeldo
      @Markeldo Год назад +2

      Он же в конце видео говорит, в чём выгода.

    • @ProGamerru
      @ProGamerru Год назад

      Можно быстрее написать бота на Selenium, который будет прокликивать всё приложение@@Markeldo

  • @vitalijslavrinovics8756
    @vitalijslavrinovics8756 Год назад

    Ругается Дмитрий что ли. Надо dislike поставить и не смотреть дальше.

  • @ГармонистВитюша

    Нихера не понял

  • @РоманЧорний-ъ2н
    @РоманЧорний-ъ2н Год назад

    господи вот что за рАут йопта......где ты это услышал блин.....специалист йопта

    • @darthl1ne
      @darthl1ne Год назад

      У вас специалист определяется произношением ?

  • @Markeldo
    @Markeldo 11 месяцев назад

    Всё бы хорошо, если бы не одно но: '[vite] Internal server error: Transform failed with 1 error:
    /src/app/router/routes.ts:170:2: ERROR: Expected ";" but found "satisfies"'