ASP.NET MVC框架到React前端

Question

我有一个ASP.NET MVC Framework项目。是时候将客户端部分转移到现代React了。这个项目很大。如何正确组织这一切，或者你可以在GitHub上共享项目？

基础任务。与ASP.NET MVC一起实现。两条战线在同一个网站上协同工作会是什么。什么可以创建React路由而不破坏当前的ASP.NET MVC路由？

Answer 1

如果你想使用React或任何SPA框架，这意味着你需要使用SPA(单页应用程序(方法来构建WEB应用程序。请在这里查看更多信息：

https://developer.mozilla.org/en-US/docs/Glossary/SPA

以下是一般建议：

1. 后端：由于您使用ASP.NET MVC，因此将后端部分迁移到ASP.NET WEB API(构建REST端点(将是灵活且容易的。与MVC Razor页面方法相反，WEB API控制器将返回数据，而不是视图。当然，你需要在后端修改你的逻辑，并从Razor页面传输与处理数据等相关的所需代码。

2. 前端：创建一个简单的React应用程序(在这里你可以看到指南(：

https://reactjs.org/docs/getting-started.html

您的React应用程序将向新的WEB API控制器发送请求而不是向MVC控制程序发送请求。一旦您从后端接收到数据，请将其存储并在客户端进行处理。对于存储数据，我强烈建议您使用Redux Store：https://redux.js.org/api/store

3. 路由：React有路由器https://v5.reactrouter.com/web/guides/quick-start使用这个路由器，您将在客户端呈现和操作页面，而无需根据SPA概念刷新页面，因此，无需担心MVC路由。

4. 您可以在这里的官方页面上找到应用程序示例：https://reactjs.org/community/examples.html。但我认为，一旦你完成了指南，这个问题就会被跳过。