如何选择正确的Node框架：Next, Nuxt, Nest?

简介

在上一篇文章中，我切磋了三种最风行的Node框架:Express、Koa和Hapi的区别、利益和弱点。在这篇文章中，我们将研究其它三种很是风行的框架之间的区别:Next、Nuxt和Nest。这三个框架都是处事器端渲染，它们别离与React、Vue和Angular(三个今朝最风行的前端框架)亲近相干

•     我们的较量将基于一下几点：
  •   GitHub Stars和npm下载
  •   安装
  •   根基的Hello World应用措施
  •   甜头
  •   弱点
  •   机能
  •   社区活泼度

Next

Next是一个React框架，应承行使React构建SSR和静态web应用

•  start
  •   GitHub Stars: +36,000
  •   npm weekly downloads: +300,000
•     安装

next react react-dom是必不行少的

npm install --save next react react-dom 

package.json 中添加剧本，如下所示：     

{  
         "scripts": {  
           "dev": "next",  
           "build": "next build",  
           "start": "next start"  
         }  
       } 

next 将读取page目次下的js文件，并理会成页面路由

•  Hello World

项目内建设目次文件 ./pages/index.js     

function Home() {  
          return <div>Hello world!</div>;  
        }   
         export default Home;     
         // npm run dev  
        // 然后会见 http://localhost:3000 

•  甜头
  •   默认环境下，每个组件都是处事器渲染的
  •   自动代码拆分，加速页面加载速率
  •   不加载不须要的代码
  •   简朴的客户端路由（基于页面）
  •   基于Webpack的开拓情形，支持模块热更新（HMR）
  •   获取数据很是简朴
  •   支持任何Node HTTP处事器实现，如Express
  •   支持Babel和Webpack自界说
  •   可以或许陈设在任何能运行node的平台
  •   内置页面搜刮引擎优化（SEO）处理赏罚
•  弱点
  •   Next不是后端处事，应该与靠山操纵独立开
  •   假如你只想建设一个简朴的WEB应用，那么它也许会是牛刀杀鸡
  •   数据会在客户端和处事器一再加载
  •   没有实现前后疏散的项目，迁徙到Next是一件疾苦的事，也许必要双倍事变
•     机能

机能基于一下两点

      1、行使Apache Bench测试吞吐量。

      2、行使 lighthouse测试 Preformance、Accessibility、Best Practices、SEO

这是Next根基HelloWorld措施。每秒能处理赏罚550.87个哀求。每个哀求耗费的均匀时刻为18.153ms

lighthouse测试陈诉中可以看到Preformance、Accessibility、Best Practices、SEO都高于70，固然比其他两个框架低，但不得不说已经是一个较量好的数据，Best Practices 得分nuxt则是高于其他俩个

•  社区活泼度
  •   孝顺者数目：678
  •   Pull Requests: 3,029
  •   社区相等活泼

Nuxt

Nuxt是一个基于Vue的通用应用框架，预设了操作Vue开拓处事端渲染的应用所必要的各类设置，首要存眷的是应用的UI渲染

•  star
  •   GitHub stars：+19,000
  •   npm weekly downloads: +100,000
•     安装

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!