BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 David Iffland 关注 4 他的粉丝 ,译者 谢丽 关注 12 他的粉丝 发布于 2017年4月10日. 估计阅读时间: 2 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

广受欢迎的通用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

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT