认识达内从这里开始

对于前端编程开发程序员来说，在工作中会用到许多的编程开发工具和开发框架，今天我们就一起来了解一下，这些开发框架中next.js的一些特点。

为什么是Next.js?

我发现，Next.js比其他可选的方案要简单的多，也更有效率。

CreateReactApp在GitHub上的星数更多，而且承诺零构建配置。但是，它不像看上去那么简单。你需要学习客户端路由、页面布局等等，更不用说服务器端渲染了。

而对于Next.js，你只要几个小时就可以用它进行开发了。

越来越多的人喜欢Vue，即使它在某些方面仍然比不上React和Angular。因为它简单，你可以用少的时间完成多的事情。在我看来，Next.js填补了React和Vue之间的空白，使React一飞冲天。

Vue似乎是一个不错的选择，Angular呢?

这两个都是排名很靠前的框架，提供了出色的支持、性能，而且未来可期。但是，在和Next.js搭配使用时，我只会选择React，而不是它俩中的一个。

Vue

我一直将Vue视为入门级应用和网站的佳选择。我以前甚至还写过几篇文章，但是，React与Next.js的搭配是省力的。有人可能会说这是孩子的游戏。

公平地讲，React入门并没有那么难。它的学习曲线稍微有点陡峭，但你终会得到回报。

考虑到这一点，React就占了上风。它更成熟、更可靠，有更大的社区和Facebook的支持。

Angular

在我的印象中，Angular一直是一个重要而成熟的框架，但是，我不会选择它。因为我不喜欢它。

虽然TypeScript也是一个选项，但你似乎是被迫在使用它。整个框架看上去过于复杂，而且没有明确的理由。糟糕的是，我似乎找不到任何值得我经历这些麻烦去使用它的地方。

Next.js的特性

下面是learnnextjs上列出的一些很棒的Next.js特性：

默认服务器端渲染;

为加速页面加载，自动进行代码分割;

简化客户端路由(基于页面);

基于Webpack的开发环境，支持热模块更换(HMR);

可以通过Express或任何其他Node.jsHTTP服务器实现;

可以通过你自己的Babel和Webpack配置进行定制;

让我稍微解释下这些特性。

应用被分成块在服务器端渲染，加载时间非常短。甚至，对于不支持客户端渲染的搜索引擎，SEO都没有意义。

路由解决方案和Webpack都有了很好的支持。然后是热模块更换(HMR)可以为你节省宝贵的开发时间，因为只需上传变化的代码就可以。后，它提升了开发者体验(DX)。

它是如何使我的工作变得更轻松的?

每当我开始创建一个新项目时，我必须建立一堆依赖关系和脚本，使一切正常运行。我不得不做一些事情，如安装node-sas、设置监控、编写npm脚本等。

甚至在我真正地开始应用开发的前夕，我还得管理几十个依赖项。Next.js使我可以跳过这些我每次都会遇到的繁琐工作。它使我可以在几分钟内开始任意一个项目。

节选：infoq

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。