reactjs 如何在不使用额外框架的情况下创建一个新的React项目?

g6ll5ycj  于 2023-10-17  发布在  React
关注(0)|答案(2)|浏览(133)

我想用typescript创建一个简单的React应用程序,但official documentation about creating a new project引导我使用其他第三方框架,如Next.js和Remix。如何在没有它们的情况下启动一个项目?

ni65a41a

ni65a41a1#

这取决于你所说的“没有框架”是什么意思。
在其核心,React只是一个用于创建可重用组件的JS库,ReactDOM是另一个用于管理React中HTML元素的JS库。您可以通过简单地将<script>标记添加到HTML中来包含它们。

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.2.0/umd/react.production.min.js" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.2.0/umd/react-dom.production.min.js" />

或者,如果你使用NPM或类似的包管理器,你可以安装这些包:

npm install react react-dom

这两种方法都足以使用React,但没有JSX语法,因为它不是原生的JavaScript。如果你想使用JSX,你需要一个像Babel这样的编译器,它可以将JSX转换成JavaScript。或者,既然你已经在使用TypeScript编译器-configure it to transpile JSX
如果你想让TypeScript识别与React相关的类型,你必须确保它们也被安装了。

npm install --save-dev @types/react

最后,每当你想让代码中的更改在应用程序中生效时,你都需要运行编译器。您可以手动执行此操作,也可以为其配置脚本。
此外,虽然与React没有直接关系,但您可能希望使用一个插件来捆绑您的模块,开发服务器,测试工具等。这一切绝对可以从头开始,但这是一个很大的工作。
这就是“迷你框架”的用武之地,它为您提供了一个配置好的、随时可用的环境。这类React最著名的工具是Create React AppVite,它们不是特定于React的,但有用于初始化React应用程序的模板,无论是否使用TypeScript。
当然,使用这种工具的代价是不能完全控制和完全灵活地处理细节。你可以选择用什么。
在没有给出个人意见的情况下,还应该注意的是,许多人认为Create React App已经过时了,如果我没有错的话,这就是为什么React放弃了他们对它的推荐。然而,正如你所注意到的,他们并没有把Vite或任何其他类似的工具放在它的位置,只是建议使用一个功能齐全的框架,如NextJS或Remix。如果你不想使用它们,Vite可能是目前最流行的方法。

vvppvyoh

vvppvyoh2#

您可以使用Create React AppVite(速度更快)。

npm init vite@latest -- --template react
npm init vite@latest -- --template react-ts # to add TypeScript

相关问题