Переход на TypeScript:

• typescript:

  Почему стоит перейти на typescript

  • Статическая типизация:

    • отлов багов до компиляции, позволяет избежать глупых ошибок

      

    • автокомплит, позволяет быстрее писать код, меньше ошибаться

      

    • Автокомплит на уровне компонентов - в компонентах четко определены пропсы и их типы, нельзя ошибиться, typescript сразу же ругнется прямо в IDE, с js будет ошибка будет в рунтайме.

    • Такие IDE как webstorm например, позволяют легко рефакторить например пропс компонента во всем проекте, изменяя только интерфейс пропсов. Вообще в typescript рефакторинг в разы быстрее и проще.

  • Большинство enterprise проектов на react используют typescript.

    Компонент на JS:

    

    Компонент на TS:

    

    Использование компонентов:

    

    Итог: Typescript ругается, тк компоненту на TS не передан обязательный пропс, для js ошибки нет, но в рунтайме такой компонент может легко сломаться.

  • Можно реализовать генерацию typescript моделей по swagger документу(если используется на бекенде), в итоге получим легко поддерживаемые модели, при изменении которых достаточно будет запустить проект, чтобы увидеть ошибки и быстро их исправить, а не получить неработающий код на продакшене, потому что какое-то поле переименовали, но забыли изменить в шаблоне.