# Как перенести на TypeScript большую кодовую базу React UI-компонентов

DevFeed: [Как перенести на TypeScript большую кодовую базу React UI-компонентов](<https://devfeed.tech/articles/typescript-react-ui-23621.md>)

Original publisher: [Read original article](<https://habr.com/ru/companies/badoo/articles/518246/>)

Author: Wint95r (Badoo)

Published: 2020-09-09T10:07:01Z

Content type: tutorial

Language: ru

Sources: [Badoo EN](<https://devfeed.tech/sources/badoo-en.md>), [Badoo RU](<https://devfeed.tech/sources/badoo-ru.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [badoo](<https://devfeed.tech/tags/badoo.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [project-management](<https://devfeed.tech/tags/project-management.md>), [react](<https://devfeed.tech/tags/react.md>), [types](<https://devfeed.tech/tags/types.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [ui](<https://devfeed.tech/tags/ui.md>), [web-developement](<https://devfeed.tech/tags/web-developement.md>)

## AI overview

A Badoo UI developer describes migrating 630 React UI components to TypeScript. The article explains the reasons for the migration, including compile-time type safety, improved code reliability, and reuse across projects, as well as the phased process for introducing TypeScript to UI developers.

## Source excerpt

Привет! Меня зовут Иван Греков, я работаю UI-разработчиком в frontend-команде Badoo. Главные задачи нашей команды -- создание новых и поддержка существующих пользовательских интерфейсов для сайтов и приложений Badoo и Bumble. Когда в конце 2019 года мы начали параллельно работать над несколькими проектами, мы задумались над повышением стабильности кода и возможностью его многократного использования. Для этого мы решили переписать наши 630 React UI-компонентов на TypeScript. Я расскажу о том, как мы работали над ними без перерыва в доставке фич и как организовали поэтапный переход на TypeScript для UI-разработчиков, которым этот язык был в новинку. Читать далее