Next.js 2.0 添加所需功能而不失简洁

阅读数:1441 2017 年 4 月 9 日

话题:JavaScript语言 & 开发

广受欢迎的通用 React 框架 Next.js 发布了2.0 版本,在保持简洁的同时,增加了必要的特性。

1.0 版本非常基础简单,但没有顾及到一些稍微高级但常见的场景。Next.js 以简洁为指导原则,开发人员只要将一个 React 组件放到pages目录下,它就可以自动将页面添加到路由表。毋庸置疑,这对开发人员而言非常容易,但它没有提供自定义路由和 URL 的机制。2.0 版本保持默认行为不变,但它现在允许开发人员使用自己的服务器代码。

在设法将 CSS 样式应用到组件时,React 初学者经常会遇到问题。由于React 使用自己的样式语言,所以习惯编写标准 CSS 的开发人员经常会遇到 Bug。为此,Zeit 引入了自己的 CSS 和 JSX 混搭程式styled-jsx。这让开发人员可以在 React 组件内编写仅应用于那个组件的标准 CSS。Next.js 使用一个定制的 Babel 转换将styled-jsx转译成 React 需要的形式。

在 React 2017 大会上,Zeit 首席执行官 Guillermo Rauch 阐述了选择 Next.js 的理由:

那可以让你在 React 开发初期轻松许多,同时,那也可以让 React 开发真地变得很简单。它所做的许多努力,都是为了整合 Web 应对重量级胖客户端所带来的所有新的、令人兴奋的可能性的方式。

Next.js 不是又一个新的 JavaScript 框架;它是数量越来越多的、旨在降低基于 React 构建应用的复杂度的工具中的一种。它是作为一整套的预先决策,而不是为开发人员提供了无限的选项。团队面临的挑战是平衡 Next.js 的简洁性和更高级开发人员的需求。

要了解更多有关 Next.js 的信息,可以在GitHub上检出项目。

查看英文原文Next.js 2.0 Keeps It Simple, Adds Needed Features