Typescript / React front end + веб-сервис бэкэнда Python - PullRequest
0 голосов
/ 11 декабря 2018

Если у меня есть простой веб-сервис Python (микросервис), использующий django или flask.Он принимает запрос (POST или GET) в форме JSON, который будет включать 2 целочисленных ввода: A и B, затем он выполнит A + B и вернет результат в виде целого числа в ответе JSON HTTP.

И я планирую написать веб-приложение на одной странице, используя Typescript и React для доступа к этому сервису (отправлять запросы и получать сумму в виде ответов) и отображать результаты на своей странице.В SPA будет только 2 текстовых поля для ввода 2 чисел, и будет отображаться сумма, указанная ниже, как возвращено службой, когда я нажимаю «отправить».

Что мне нужно в отношении моего веб-интерфейса (при условии, что бэкэнд уже запущен в Интернете).

Исходя из моего понимания, мне нужно:

1) NPM(для установки реакции)

2) Node.js (для использования NPM)

3) React Framework (устанавливается с использованием NPM. Да, такому простому приложению, вероятно, оно не понадобится, но яЯ просто использую это в качестве примера для настоящего нетривиального веб-приложения позже.)

4) Webpack (То же, что и реакция: мне может не понадобиться это для этого простого приложения, но в общем зачем мнеэто?)

5) Babel (только если мне нужно, чтобы моя машинопись была совместима со старыми браузерами?)

6) Bootstrap (только если я хочу, чтобы внешний вид SPA был стандартизирован ифантазия?)

7) Современный браузер, такой как Chrome, для отображения SPA.

Что еще мне не хватает в терминах современного стека технологий внешнего интерфейса для этого приложения?В частности, мне любопытно, какую роль здесь будет играть Node.js: кажется, мне нужен только node.js, чтобы использовать npm.Это правильно?

1 Ответ

0 голосов
/ 11 декабря 2018

Я бы порекомендовал использовать create-Reaction-app, все, что вам нужно сделать, это запустить 'npx create-Reaction-app app-name' в терминале, и он установит реактивный проект, переименовав все файлы .jsx.tsx и запустите 'npm start'. Он автоматически поддерживает машинопись и создаст для нее файл конфигурации, когда обнаружит, что ты используешь машинопись.Он скрывает конфигурацию веб-пакета и поддерживает наиболее распространенные варианты использования из коробки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...