Машинопись для Facebook React

Question

Машинопись для Facebook React

В последнее время я изучал React и надеялся использовать JSX и машинопись. Я не смог найти какие-либо ресурсы по этому поводу или определения типов для React.

Можете ли вы использовать Typescript с JSX и доступны ли определения типов?

19

reactjs typescript react-jsx

Источник

user3060156 11 дек '13 в 19:00

7 ответов

Решение

Команда React в настоящее время обсуждает вопрос о том, как сделать аннотации Typescript внутренне используемым. Возможно, это скоро изменится на официальном для вас.

8

Источник

user763127 05 июл '14 в 22:59

Франсуа де Кампредон создал определение типа для React: https://github.com/fdecampredon/react-observe-todomvc/blob/typescript/src/declarations/react.d.ts

Очевидно, он не поддерживает JSX, поскольку это другой язык с синтаксисом, отличным от TypeScript.

4

Источник

user90874 01 фев '14 в 00:37

Не будет Существует много неоднозначности между приведением типов TS:

(<foo>bar)

и JSX встроенный HTML:

(<foo>bar)</foo>)

4

Источник

user2365326 21 янв '14 в 10:31

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

3

Источник

user3060156 14 дек '13 в 21:20

Что касается JSX:

Вы можете разделить ваши реагирующие компоненты на два файла. Первый будет содержать все, кроме функции рендеринга, и поэтому может быть написан на Typescript. Второй просто реализует функцию рендеринга с использованием JSX. Я знаю, что это против "способа реагирования", но это решает эту проблему. Вы будете иметь силу Typescript каждый, кроме функции рендеринга.

2

Источник

user341644 10 мар '15 в 10:21

Вы должны проверить следующий разговор:

https://www.youtube.com/watch?v=9PTa9-PPVAc

В нем много указателей на то, как заставить React работать с TypeScript.

Facebook также недавно анонсировал проект под названием Flow, который также добавляет статическую типизацию в Javascript. Поскольку они оба являются проектами Facebook, при работе с React.js может быть проще использовать Flow, чем TypeScript.

2

Источник

user1496984 30 апр '15 в 15:28

За create-react-app проекты просто начинаются с npx create-react-app my-app --template typescript команда.

Для дальнейшего чтения: https://create-react-app.dev/docs/adding-typescript/

1

Источник

user8887122 06 фев '20 в 11:57

Теперь все, кажется, изменилось из официальных документов Typescript

TypeScript поддерживает встраивание, проверку типов и компиляцию JSX непосредственно в JavaScript.

И это о том, как начать проект напрямую с Typescript

0