数据API 产品矩阵 案例 关于
掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务

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 () => 
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上已经开源。

原文来自:InfoQ

声明:所有来源为“聚合数据”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com

掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务
Next.js提供了基于React的简单通用JavaScript框架
发布:2016-11-07 11:47:43

新的通用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上已经开源。

原文来自:InfoQ

声明:所有来源为“聚合数据”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com

选择想要的接口, 看看能免费获取多少次调用 选择(单选)或填写想要的接口
  • 短信API服务
  • 银行卡四元素检测[简]
  • 身份证实名认证
  • 手机状态查询
  • 三网手机实名制认证[简]
  • 身份证OCR识别
  • 证件识别
  • 企业工商信息
短信API服务
  • 短信API服务
  • 银行卡四元素检测[简]
  • 身份证实名认证
  • 手机状态查询
  • 三网手机实名制认证[简]
  • 身份证OCR识别
  • 证件识别
  • 企业工商信息
  • 确定
选择您的身份
请选择寻找接口的目的
预计每月调用量
请选择预计每月调用量
产品研发的阶段
请选择产品研发的阶段
×

前往领取
电话 0512-88869195
×
企业用户认证,
可获得1000次免费调用
注册登录 > 企业账户认证 > 领取接口包
企业用户认证领取接口包 立即领取
× 企业用户认证,
可获得1000次免费调用,立即领取>
数 据 驱 动 未 来
Data Drives The Future