reactjs - 如何正确构建使用 React 的全栈项目？

Question

我要创建高级 在客户端使用 React 和在服务器端使用 Express.js 的全栈项目。哪种文件夹结构实践是最好的？我想保持简单。该项目可能包含 TypeScript、E2E 和单元测试，它将与服务器端 API 通信并使用 Socket.io 进行实时集成。如果可能的话，我也想保留一个 node_modules 文件和一个 package.json。谢谢。

Answer 1

I want to keep one node_modules file and one package.json, too, if possible

在浏览器中运行的 React 应用程序和基于 NodeJS 的 Express 将具有不同的依赖关系。开发依赖与 Ty​​pescript 有一些相似之处，但生产依赖将截然不同。您可以尝试为客户端和后端保留与 Jest 相同的测试框架，但 Jest 必须驱动的实际测试库将有所不同，需要不同的 Jest 配置设置。 Typescript 编译器设置可以不同。

所有这一切让拥有一个 node-modules和 package.json不切实际，因此您需要在 client 中有两个项目和 backend (或 server)子目录。

另一方面，这两个项目需要彼此紧密集成，以实现无缝的客户端-后端调试，甚至涵盖生产构建等。因此，两者都需要在单个顶级项目(通常称为工作区)的保护之下。

建议看看 crisp-react .我是作者。