Предпосылки. В настоящее время у нас есть проект веб-приложения на основе необработанного HTML + TypeScript в Visual Studio 2015. Эта среда отлично работает: редактирование в VS IDE, отладка с точками останова в VS (когда IE используется в качестве браузер), IntelliSense для TypeScript и HTML, сервер запускается при запуске ...

Теперь мы решили начать использовать React для представлений, и я ищу информацию о том, как настроить среду проекта VS. Я хотел бы иметь возможность просто открыть проект, нажать кнопку «Выполнить» и создать приложение (я также буду использовать файлы .tsx), а затем запустить его в браузере с возможностями отладки VS (точно так же, как я настроил сейчас без React).

Вопрос: Кто-нибудь знает примеры проектов VS 2015, сочетающих TypeScript и React (поэтому, скорее всего, с использованием файлов .tsx), которые я мог бы открывать и запускать из коробки, просто чтобы узнать, как все может быть настроить в VS? Нет проблем, если это просто очень простой проект.

Любые советы / указатели на рабочие примеры приветствуются!

1
KoenT_X 6 Янв 2016 в 20:25

2 ответа

Лучший ответ

Вот тот, который я создал довольно быстро, но в нем должно быть все, что вам нужно для работы. Он использует следующее:

  1. ASP.NET 5
  2. Реагировать
  3. React Router (это одностраничное приложение)
  4. Глоток
  5. Машинопись
  6. Webpack

Дайте мне знать, если у вас возникнут вопросы по этому поводу.

https://github.com/jtaubensee/react-typescript-asp

2
JTaub 6 Янв 2016 в 19:57

После еще нескольких тестов и попыток я получил простой рабочий пример.

Он использует последнюю на данный момент стабильную версию React (0.14.6, поэтому, где react и react-dom разделены), систему загрузки модулей AMD (с использованием require.js) и VisualStudio 2015 CE. Я начал с шаблона проекта «HTML-приложение с TypeScript» в Visual Studio. Репозиторий на GitHub: https://bitbucket.org/KoenT_IM/typescriptreacttests

Я думал, что это может помочь другим людям. Не уверен, что должен принять свой ответ ...

0
KoenT_X 27 Янв 2016 в 15:06