React是用于构建用户界面的前端JavaScript库。 Next.js是一个框架，可以增强与服务器端渲染，路由等反应。
接下来，您什么时候应该使用Plain React vs？
使用时使用反应时：
ð构建一个高度动态的单页应用程序，极大地依赖客户端路由和状态。
ð将React组件集成到现有的服务器渲染的应用程序中，以进行混合渲染。
ð只有一个UI的一部分需要反应性 - next.js是过分的。
ð您需要对路由，数据获取等的客户端控制。
ð页面SEO不是主要问题。
何时使用next.js：
ð构建具有服务器端渲染和SEO要求的传统网站。
ð您需要自动代码分裂和预取。
ð轻松的路由和提取处理吸引力。
ð快速刷新和dx Matters-下一项加速Dev Workflow。
ð您需要混合服务器端和客户端渲染。
ð可伸缩的性能和静态场地生成好处很重要。
以下是一些示例应用程序，其中反应或下一步可能更合适：
有益于反应：
ð像Slack一样具有高度动态UIS，快速状态更新，频道/消息的客户端路由。
ð电子商务网站的购物车和实时预览 - 迅速变化的状态和互动。
ð股票交易仪表板显示了实时的图表和通知。
ð具有复杂文本编辑功能的浏览器IDE。
ð具有高级动画和动态UI的互动游戏。
非常适合Next.js：
ðsaaS产品的营销网站，具有SEO友好的页面。
ð在线课程市场，带有课程资料，学生仪表板，付款页面。
ð具有静态和互动内容混合的公司网站。
ð具有帖子概述，标签，服务器渲染的文章的博客。
ð电子商务网站的产品页面，搜索，结帐流。
ð具有MDX，导航和搜索的文档网站。
关键差异归结为动态UI与SEO需求的更多静态内容。对传统网站的SSR和简单性帮助，而反应则有助于先进的交互性。
总体而言，当您想要纯客户端的功率和控制时，直接使用反应。当您重视SEO，简单性，性能并且不需要全面控制时，请使用Next.js。
与任何抽象一样，请理解权衡。并且知道您可以随时混合匹配 - 在Next.js页面中使用React进行动态小部件。
您接下来使用React与React的经验是什么？每个人什么时候发光？请在下面分享您的想法和建议！
感谢您到目前为止阅读我的文章。
在Linkedin，Twitter，Instagram
如果本文以某种方式为您提供了价值，则可以通过单击以下链接向我表示支持。