Typescript / React前端+ Python后端Web服务

时间:2018-12-11 03:26:41

标签: javascript node.js reactjs typescript frontend

如果我有一个使用Django或flask的简单python后端Web服务(微服务)。它以JSON形式接收一个请求(POST或GET),该请求将包含2个整数输入:A和B,然后将执行A + B并将结果作为整数返回到JSON HTTP响应中。

我打算使用Typescript和React编写一个单页Web应用程序以访问该服务(发送请求并获得总和作为响应),并在页面上显示结果。 SPA只会有2个文本框供我输入2个数字,每当我单击“提交”时,SPA就会在下方显示该服务返回的总和。

就前端而言,我需要什么(假设后端已在网络上运行)。

根据我的理解,我需要:

1)NPM(要安装反应)

2)Node.js(要使用NPM)

3)React框架(使用NPM安装。是的,这样的简单应用可能不需要它,但稍后我将以它为例,说明真正的平凡前端应用。)

4)Webpack(与react相同:对于这个简单的应用程序,我可能不需要它,但是总的来说,为什么我需要它?)

5)Babel(仅当我需要使我的打字稿与旧版浏览器兼容时?)

6)引导程序(仅当我希望SPA的外观和风格标准化且花哨吗?)

7)像Chrome这样的现代浏览器可以在其中显示SPA。

就此应用而言,在现代前端技术堆栈方面我还缺少什么?特别是,我对Node.js在这里扮演的角色感到好奇:看来我只需要node.js来使用npm。那正确吗?

1 个答案:

答案 0 :(得分:0)

我建议使用create-react-app,只需在终端中运行“ npx create-react-app app-name”,它将建立一个react项目,将所有.jsx文件重命名为。 tsx并运行“ npm start” 它自动支持打字稿,并在检测到您正在使用打字稿时为其生成配置文件。 它隐藏了webpack配置,并支持开箱即用的最常见用例。