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

Поділитися
Вставка
  • Опубліковано 28 лис 2023
  • Создаём вспомогательные типы для Vue Router, которые позволят добыть все имена путей из конфига.
    js.dmitrylavrik.ru/vue-typesc...

КОМЕНТАРІ • 29

  • @aceracer5556
    @aceracer5556 7 місяців тому +8

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

  • @Aziikus
    @Aziikus 7 місяців тому +3

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

  • @parapara7692
    @parapara7692 5 місяців тому

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

  • @websoda
    @websoda 2 місяці тому

    огонь

  • @saibrok_
    @saibrok_ 7 місяців тому +2

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

  • @nade3282
    @nade3282 3 місяці тому

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

  • @izzy7541
    @izzy7541 7 місяців тому +2

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

  • @virtuoz-ru
    @virtuoz-ru 6 місяців тому +1

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

  • @ilyawebdev
    @ilyawebdev 7 місяців тому +1

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

  • @pnoper
    @pnoper 6 місяців тому +1

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

  • @rjCdr
    @rjCdr 7 місяців тому +2

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

  • @newageteam
    @newageteam 3 місяці тому

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

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

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

    • @user-ot3vy6ug7n
      @user-ot3vy6ug7n 4 місяці тому

      Нету к сожалению, на сайте инфа

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

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

    • @parapara7692
      @parapara7692 4 місяці тому

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

  • @mody-pq8kd
    @mody-pq8kd 4 місяці тому

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

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

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

  • @ProGamerru
    @ProGamerru 6 місяців тому +1

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

    • @Markeldo
      @Markeldo 6 місяців тому +2

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

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

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

  • @user-zv6gp9vc8f
    @user-zv6gp9vc8f 6 місяців тому

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

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

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

  • @user-rh8jg2fb5t
    @user-rh8jg2fb5t 7 місяців тому

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

    • @user-kn7ky1ih2h
      @user-kn7ky1ih2h 6 місяців тому

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

  • @Markeldo
    @Markeldo 4 місяці тому

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