我想用typescript创建一个简单的React应用程序,但official documentation about creating a new project引导我使用其他第三方框架,如Next.js和Remix。如何在没有它们的情况下启动一个项目?
我想用typescript创建一个简单的React应用程序,但official documentation about creating a new project引导我使用其他第三方框架,如Next.js和Remix。如何在没有它们的情况下启动一个项目?
2条答案
按热度按时间ni65a41a1#
这取决于你所说的“没有框架”是什么意思。
在其核心,React只是一个用于创建可重用组件的JS库,ReactDOM是另一个用于管理React中HTML元素的JS库。您可以通过简单地将
<script>
标记添加到HTML中来包含它们。或者,如果你使用NPM或类似的包管理器,你可以安装这些包:
这两种方法都足以使用React,但没有JSX语法,因为它不是原生的JavaScript。如果你想使用JSX,你需要一个像Babel这样的编译器,它可以将JSX转换成JavaScript。或者,既然你已经在使用TypeScript编译器-configure it to transpile JSX。
如果你想让TypeScript识别与React相关的类型,你必须确保它们也被安装了。
最后,每当你想让代码中的更改在应用程序中生效时,你都需要运行编译器。您可以手动执行此操作,也可以为其配置脚本。
此外,虽然与React没有直接关系,但您可能希望使用一个插件来捆绑您的模块,开发服务器,测试工具等。这一切绝对可以从头开始,但这是一个很大的工作。
这就是“迷你框架”的用武之地,它为您提供了一个配置好的、随时可用的环境。这类React最著名的工具是Create React App和Vite,它们不是特定于React的,但有用于初始化React应用程序的模板,无论是否使用TypeScript。
当然,使用这种工具的代价是不能完全控制和完全灵活地处理细节。你可以选择用什么。
在没有给出个人意见的情况下,还应该注意的是,许多人认为Create React App已经过时了,如果我没有错的话,这就是为什么React放弃了他们对它的推荐。然而,正如你所注意到的,他们并没有把Vite或任何其他类似的工具放在它的位置,只是建议使用一个功能齐全的框架,如NextJS或Remix。如果你不想使用它们,Vite可能是目前最流行的方法。
vvppvyoh2#
您可以使用Create React App或Vite(速度更快)。