如果我有一个使用django或flask的简单python后端web服务(微服务(。它接受JSON形式的请求(POST或GET(,该请求将包括两个整数输入:a和B,然后执行a+B,并在JSON HTTP响应中以整数形式返回结果。
我计划使用Typescript和React编写一个单页web应用程序来访问该服务(发送请求并将总数作为响应(,并在我的页面上显示结果。SPA只有2个文本框供我输入2个数字,每当我单击"提交"时,它都会显示下面服务返回的金额。
就我的前端而言,我需要什么(假设后端已经在网络上运行(。
根据我的理解,我需要:
1( NPM(安装反作用(
2( Node.js(使用NPM(
3( React框架(使用NPM安装。是的,这样一个简单的应用程序可能不需要它,但我稍后只是将其作为一个真正的非琐碎前端应用程序的例子。(
4( Webpack(与react相同:我可能不需要这个简单的应用程序,但总的来说,我为什么需要它?(
5( Babel(只有当我需要使我的打字脚本与旧浏览器兼容时?(
6( Bootstrap(只有当我想让SPA的外观和感觉标准化和花哨时?(
7( 像Chrome这样的现代浏览器,可以在.中显示SPA
在这个应用程序的现代前端技术堆栈方面,我还缺少什么?特别是,我很好奇Node.js在这里将扮演什么角色:似乎我只需要Node.js就可以使用npm。是这样吗?
我建议使用create-react-app,你所要做的就是在终端中运行'npx-create-react-app-app-name',它将设置一个react项目,将所有.jsx文件重命名为.tsx并运行'npm-start'它自动支持typescript,并在检测到您正在使用typescript时为其生成一个配置文件。它隐藏了webpack配置,并支持开箱即用的大多数常见用例。