Каждому, кто работает на React с TypeScript'ом приходилось искать в документации раздел для работы с TS, но такие поиски не всегда были удачными и лезть на StackOverflow и другие ресурсы. Эта статья поможет сэкономить время поиска типов на пример react-router-dom.
Реальный пример
Работаю на React с TypeScript'ом не так давно и из этого вытекают огромные проблемы с типизацией. Конечно, документация спасает, но удобно ли постоянно заходить и искать то, что нужно, ведь на самом деле всё, что вам нужно уже находится в вашем редакторе кода!
match
Мне понадобилось получить данные из строки запроса и конечно же я использовал withRouter, но ведь это TypeScript, в котором просто так ничего не бывает.
Сейчас придётся лезть в документацию и искать нужный мне тип, опять...
Так подумал я, пока не вспомнил, что я могу перейти в директорию нужной мне библиотеки и найти типы там!
Таким образом я сэкономил себе кучу времени, ведь вместо поисков по документации, а иногда и по левым ресурсам, я сделал то, что позволяет мне WebStorm
Это не всё
Можно было и догадаться импортировать из react-router-dom
Да, конечно, но вот в чём проблема. Видите location и history? Их импорт тоже требуется после использования withRouter! Таким образом в документации вы бы узнали, что нужно подключать типы из сторонней библиотеки. Стоит ли копаться там, где ничего не понятно, когда редактор позволяет вам сделать несколько кликов и получить то, что нужно?
