首页 未命名正文

linux编程_Next.js提供了基于React的简朴通用JavaScript框架

云返利网 未命名 2020-05-26 09:05:51 14 0

新的通用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中,每个路由都是一个简朴的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上已经开源。

【关于云返利网】

云返利网是阿里云、腾讯云、华为云产品推广返利平台,在各个品牌云产品官网优惠活动之外,云返利网还提供返利。您可以无门槛获得阿里云、华为云、腾讯云所有产品返利,在官网下单后就可以领取,无论是自己用、公司用还是帮客户采购,您个人都可以获得返利。云返利网的目标是让返利更多、更快、更简单!详情咨询13121395187(微信同号)