Next.js 提供了基于 React 的简单通用 JavaScript 框架

新的通用 JavaScript 框架 Next.js 目前已经开源了，它为基于 React 和服务器的 Web 应用提供了一个新的可选方案。

来自 Zeit 的团队在 React 的基础和组件模型上构建了 Next.js，同时还提供了一个关键扩展：通过使用名为getInitialProps()的组件生命周期钩子方法，框架能够在服务器上进行初始渲染，如果需要的话，还可以在客户端继续进行渲染。不过这个高级特性是一个很小却功能强大的框架所额外提供的。

按照 Next.js 的最小功能集，它提供了一种便利的方式来创建新的 Web 应用，这个过程中，并不需要很多的工具集配置。类似于 create-react-app ，安装这个框架会搭建一个基于 React、Webpack 和 Babel 的构建过程。以往编写 React 组件的开发人员将会基于 React 语法来创建页面，每个页面提供了一个 render 函数：

 
import React from 'react'
export default () => <p>Hello world!</p>
 

Next.js 使用 filesystem 作为 API ，所以每个放到pages文件夹中的组件将会自动映射为一个基于服务器的路由。比如，磁盘上的pages/about.js组件将会自动服务于/about这个 URL。

与 express-react-views 这样的项目不同，它是构建在 Express 之上的视图引擎，而 next.js 是一个顶层的服务层，只渲染 JavaScript 函数的结果。为了实现这一点，该项目使用 glamor 来处理 CSS，而不是依赖于单独的 CSS 文件。

在 Next.js 中，每个路由都是一个简单的 ES6 模块，这个模块会导出一个函数或扩展自 React.Component 的类。

Next.js 这种本质上的倾向性会有一些微妙的优势，其中之一就是开发人员不必在搭建 Webpack 或 Babel 配置上花费时间了。以往，这两个步骤就会耗费开发人员很多的时间。要运行某个站点的开发版本，只需运行npm run dev。

对于一些开发团队来说，通用（Universal）的 JavaScript 依然是一项更为高级的技术，很多的框架都有自己的实现。Angular 2 有 Universal Angular 2 ， Ember 有 Fastboot 。在 React 领域中，这方面的可选方案也不少，比如 Walmart 的 Electrode 和 Redfin 的 React Server 。现在，Next.js 作为一个很简单的可选方案，具有很大的潜力。该项目在 GitHub 上已经开源。

查看英文原文： Next.js Offers Simple Universal JavaScript Framework Based on React