QCon 演讲火热征集中,快来分享技术实践与洞见! 了解详情
写点什么

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

  • 2017-04-09
  • 本文字数:661 字

    阅读完需:约 2 分钟

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

2017-04-09 19:002281
用户头像

发布了 1008 篇内容, 共 398.5 次阅读, 收获喜欢 345 次。

关注

评论

发布
暂无评论
  • 17|Koa.js:如何结合 Koa.js 开发 Node.js Web 服务?

    前后端项目分离的理念要从具体的需求场景来分析,要从“技术”“管理”和“行情”这三个视角看待,不能脱离实际环境,一昧讨论技术理念的利弊优劣。

    2023-01-02

  • Nautilus Chain:我们将支持 EIP6969

    在今年 5 月初,以太坊核心开发者、Slingshot 的 CTO zkCole 提出了一个通用的协议标准 EIP-6969 ,其旨在实现合约保护收入(在以太坊 L2 上引入 / 标准化 CSR ),该提案可以看作是之前 EIP-1559的改进版,并在最新一次的以太坊核心开发者执行层会议,被讨论

    2023-06-03

  • 04|Vue 概览:Vue 哪些内容是你必须要掌握的?

    这节课我们就来揭开Vue的神秘面纱,一起来看看Vue里必须掌握的知识点,以及怎样学习Vue才更加高效。

    2023-05-01

  • 39|语法扩展:通过 JSX 来做语法扩展

    这节课我们就来看看JSX是如何用在Web UI开发中的。即使你不使用React,这样的模版模式也有很大的借鉴意义。

    2022-12-17

  • JavaScript 全栈解决方案比较:Angular、React、Vue.js 的对比

    成功的关键:权衡复杂性与团队能力。

  • 金奖方案 | 一专多能、傲视寰宇,南大通用 GBase8c 数据库牛在哪里?

    鲲鹏应用创新大赛是面向全球开发者的顶级赛事,本次大赛由21个鲲鹏生态创新中心与华为,联合中国软件行业协会、绿色计算产业联盟、中国计算机行业协会、中国计算机学会高专委共同举办,旨在激发行业应用创新、加速产业融合、促进人才培养,吸引全产业开发者共

    2023-08-02

  • IntelliJ IDEA 2023 for Mac(Java 开发工具) v2023.2.2 永久激活版

    IntelliJ IDEA 2023 mac是一款功能强大的集成开发环境(IDE),为开发人员提供了许多特色功能。

    2023-09-17

  • 32|Fabric:新渲染器的演进之路

    对核心渲染流程的持续迭代和优化,是 React Native 能够广受欢迎的重要原因之一。

    2023-01-01

  • 26|页面编译和运行:如何设计 Vue.js 搭建页面的渲染策略?

    页面编译,基于页面布局数据,动态编译出页面完整的JavaScript和CSS的Bundle文件,减少HTTP文件请求,提升用户体验。页面运行,核心就是要设计页面的渲染策略,保证页面功能的可用性和稳定性。

    2023-02-08

  • 22|物料组件的编译和管理:如何处理组件的多种模块格式?

    浏览器端把握在用户手里,我们无法预测实际代码在运行过程中会出现什么兼容问题,如果平台渲染能支持多重模块格式,就意味着可以做一些优化策略,在低版本浏览器中,就可以优先选择对应能支持的模块格式。

    2023-01-13

  • react 的 useState 源码分析

    简单说下为什么React选择函数式组件,主要是class组件比较冗余、生命周期函数写法不友好,骚写法多,functional组件更符合React编程思想等等等。更具体的可以拜读dan大神的blog。其中Function components capture the rendered values这句十分精辟的道出函数

    2023-01-04

  • HDC 精彩回顾|7 月 8 日 OpenTiny 重磅发布

    华为开发者大会2023(HDC.Cloud 2023)于7月7日-9日在东莞拉开帷幕,本届大会以“每一个开发者都了不起”为主题,OpenTiny作为企业级前端组件库解决方案,也在本次大会中正式发布啦!

    2023-07-13

  • 上手 JavaScript 基准测试

    大家好,我是小鑫同学。一位从事过 Android 开发、混合开发,现在长期从事前端开发的编程爱好者,我觉得在编程之路上最重要的是知识的分享,所谓三人行必有我师。所以我开始在社区持续输出我所了解到、学习到、工作中遇到的各种编程知识,欢迎有想法、有同感

    2022-10-13

  • 2024 年 7 个 Web 前端开发趋势

    前端领域瞬息万变。虽然没有必要掌握每一种新工具,但了解 2024 年的趋势有助于保持技能的新鲜度并对未来趋势的了解。

  • 华为云开源项目 OpenTiny 的 TinyNG 组件库应该如何使用?

    TinyNG组件库是一个基于Angular框架的开源UI组件库,包含丰富的UI组件,如按钮、输入框、表格、对话框等,方便开发人员快速构建Web应用界面。TinyNG组件库的设计风格简洁易于使用,同时支持响应式设计。同时它也支持自定义主题和国际化,满足不同项目的需求。

    2023-04-06

  • Angular tsconfig.json 文件里的 paths 用途

    Angular 项目目录中的 TSConfig 文件表明该目录是 TypeScript 或 JavaScript 项目的根目录。 TSConfig 文件可以是 tsconfig.json 或 jsconfig.json,两者都有相同的配置变量集。

    2022-09-08

  • vue 组件通信方式有哪些?

    父组件通过props的方式向子组件传递数据,而通过$emit 子组件可以向父组件通信。

    2023-05-19

  • 代码混淆的原理和方法详解

    代码混淆的原理和方法详解摘要移动App的广泛使用带来了安全隐患,为了保护个人信息和数据安全,开发人员通常会采用代码混淆技术。本文将详细介绍代码混淆的原理和方法,并探讨其在移动应用开发中的重要性。

    2023-11-29

发现更多内容

架构学习(2021年03月06日)

张小胖

翻译:《实用的Python编程》04_00_Overview

codists

Python

面试官就是这么欺负人:new Object()到底占用几个字节?

xcbeyond

Java java对象分析 3月日更

Docker部署ClickHouse监控平台

wjchenge

在有限的时间里,拿到通才的帐号,登入无限的游戏。

叶小鍵

工作中迷迷糊糊,不知道自己想要什么?

一笑

28天写作

要拥有必先懂失去怎接受——浅谈前景理论

Justin

心理学 28天写作 游戏设计

【LeetCode】分割回文串Java题解

Albert

算法 LeetCode 28天写作

文字君和ta的朋友们

InfoQ写作社区官方

加快推进数据确权与资产化 发挥区块链技术信用机制优势

CECBC

区块链

新业务团队应用数字化的4个能力

boshi

数字化转型 七日更

kvm

梅花鹿鹿

kvm

常见的设计模式原则

一个大红包

设计模式 设计原则 28天写作 3月日更

虚拟化存储

lenka

产品经理 3月日更

18 个 Java8 日期处理的实践,太有用了!

xcbeyond

Java java8 日期处理 3月日更

写作平台的一些乱象

ES_her0

28天写作 3月日更

专访 | 我与毕玄的对话

九叔(高翔龙)

Java 阿里巴巴 中间件 架构师 访谈录

(28DW-S8-Day15) 在线教育的MOT

mtfelix

在线教育 28天写作 峰值体验 关键时刻 MOT

话题讨论 | 又一家大厂进入汽车领域,"百车大战"即将来临?

程序员架构进阶

话题讨论 七日更 28天写作 话题王者 3月日更

如何设计三极管控制继电器电路

不脱发的程序猿

28天写作 电路设计 继电器电路设计 三极管 3月日更

常用工具幕布高级会员获取

白贺BaiHe

35万一枚的比特币,家里电脑想挖一枚要多长时间?答案只有3个字

CECBC

比特币

能源区块链研究|中国内蒙古自治区为减少能源消耗 禁止比特币采矿

CECBC

比特币

MySQL 数据查询语言(DQL)& 事务控制语言(TCL)详解

若尘

MySQL

关于 Python 中的字符串,我在补充两点,滚雪球学 Python

梦想橡皮擦

Python 28天写作 3月日更

超干货 (实战经验)结合公司业务分析离线数仓建设实践

五分钟学大数据

大数据 数据仓库 28天写作 3月日更

旧区块链思维面临淘汰

CECBC

区块链

电商管理系统之发票子系统设计(二)

长沙造纸农

架构设计 高并发系统设计 电商 电子发票 发票

Elasticsearch Mapping Root Object

escray

elastic 七日更 28天写作 死磕Elasticsearch 60天通过Elastic认证考试 3月日更

面向业务的高可用架构设计

架构精进之路

架构设计 七日更 3月日更

最全Hive SQL语法、Hive函数及使用注意事项(一)

五分钟学大数据

大数据 Hive SQL 28天写作 3月日更

Next.js 2.0添加所需功能而不失简洁_JavaScript_David Iffland_InfoQ精选文章