新的通用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 () => hello world!
next.js使用filesystem作为api，所以每个放到pages文件夹中的组件将会自动映射为一个基于服务器的路由。比如，磁盘上的pages/about.js组件将会自动服务于/about这个url。
与express-react-views这样的项目不同，它是构建在express之上的视图引擎，而next.js是一个顶层的服务层，只渲染javascript函数的结果。为了实现这一点，该项目使用glamor来处理css，而不是依赖于单独的css文件。
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上已经开源。
0
0
Next.js开源，提供基于React的简单通用JS框架
伊谢尔伦
发布时间：2016-11-21 13:22:29
|1502人浏览过
|来源于php中文网
原创
相关文章
如何在 Next.js 中动态渲染多个组件实例
如何在 Next.js 中正确渲染多个组件实例
如何在 Next.js 新 App Router 中实现服务端数据获取
Next.js App Router 中服务端数据获取的正确方式
Next.js 13.4 中全局路由加载状态的实现方案
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
