Начало работы

Разработчики часто используют Flow и React вместе, поэтому важно, чтобы Flow эффективно типизировал как распространённые, так и продвинутые шаблоны React. Это руководство научит вас, как использовать Flow для создания более безопасных приложений React.

В этом руководстве мы будем предполагать, что вы знаете основы React и сосредоточимся на добавлении типов для шаблонов, с которыми вы уже знакомы. Мы будем использовать примеры, основанные на react-dom, но все эти шаблоны работают и в других средах, таких как react-native.

Настройка Flow с React

Flow и Babel хорошо работают вместе, поэтому для адаптации Flow пользователями React, которые уже используют Babel, не требуется много усилий. Если вам нужно настроить Babel с Flow, вы можете следовать этому руководству.

Babel также работает «из коробки» с Create React App, просто установите Flow и создайте .flowconfig.

Реализации React

Flow поддерживает @babel/plugin-transform-react-jsx варианты реализации, необходимые для использования JSX без явного импорта пространства имен React.

Если вы используете новую автоматическую реализацию, используйте эту конфигурацию в своём .flowconfig, чтобы Flow знал, как автоматически импортировать jsx.

[options]
react.runtime=automatic