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:002271
用户头像

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

关注

评论

发布
暂无评论
  • Angular tsconfig.json 文件里的 paths 用途

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

    2022-09-08

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

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

    2023-01-01

  • Nautilus Chain:我们将支持 EIP6969

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

    2023-06-03

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

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

    2023-09-17

  • 上手 JavaScript 基准测试

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

    2022-10-13

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

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

    2023-08-02

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

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

    2023-07-13

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

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

    2023-04-06

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

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

    2023-05-01

  • react 的 useState 源码分析

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

    2023-01-04

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

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

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

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

    2022-12-17

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

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

    2023-01-13

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

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

  • 17|Koa.js:如何结合 Koa.js 开发 Node.js Web 服务?

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

    2023-01-02

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

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

    2023-02-08

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

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

    2023-11-29

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

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

    2023-05-19

发现更多内容

一脚踢你进Go语言大门!入门者必看,万字长文,建议收藏!

微客鸟窝

Go 语言

What's JVM-垃圾收集器与内存分配策略

CodeWithBuff

Java JVM 垃圾回收机制

架构训练营模块8作业

Neil43

架构训练营

架构之:REST和RESTful

程序那些事

微服务 软件架构 程序那些事

对产品来说,颜值、体验是不是很重要?

石云升

用户体验 职场经验 7月日更

字节跳动Go 网络库netpoll源码解析

xumc

字节跳动 Go 语言

悟了!树,二叉树,哈夫曼树...

Ayue、

数据结构

模块八:课后作业

菲尼克斯

架构实战营

工业互联网赋能 浪潮云洲助力区域品牌“走出去”

工业互联网

如何打造高效好用的终端?拿来吧你!

童欧巴

大前端 iterm2 Oh My Zsh

在线标准程序员计算器

入门小站

工具

深入学习WebSockets概念和实践

devpoint

socket websocket 7月日更

Python OpenCV 霍夫(Hough Transform)直线变换检测应用

梦想橡皮擦

7月日更

【LeetCode】减小和重新排列数组后的最大元素Java题解

Albert

算法 LeetCode 7月日更

建立对分布式锁的系统认知-从Redlock开始

刘绍

程序员 分布式 分布式锁 RedLock redisson

怎么借助Camtasia给电脑游戏录屏

淋雨

视频剪辑 Camtasia 录屏

Vue进阶(幺零六):子组件处理父组件异步值传递给子组件处理

No Silver Bullet

Vue 组件 监听 7月日更

什么是网络单纯型算法

华为云开发者联盟

算法 线性规划 网络单纯型 计算矩阵

索信达首席科学家张磊:以AI创新技术满足金融场景的“私人定制”

索信达控股

大数据 数字化转型 银行数字化转型

Rust从0到1-并发-线程

rust 线程 并发 Thread Concurrency

微信架构图

Geek_36d3e5

【Flutter 专题】86 初识状态管理 Bloc (一)

阿策小和尚

Flutter 小菜 0 基础学习 Flutter Android 小菜鸟 7月日更

EasyRecovery深度扫描以恢复桌面遗失数据的方法

淋雨

EasyRecovery 文件恢复 硬盘数据恢复

Jira 要停售本地私有化部署的版本了,这对国产项目管理软件是机会吗?

万事ONES

项目管理 Atlassian Jira ONES

牙膏踩爆!Intel 5nm工艺曝光:直逼IBM 2nm

E科讯

带你换个角度理解图卷积网络

华为云开发者联盟

神经网络 卷积神经网络 图神经网络 卷积 图网络

手写QuickSort算法

实力程序员

程序员 算法 成长 C语言

作业表设计

大肚皮狒狒

图解堆排序,带你彻底了解清楚!

程序员的时光

Java 面试 算法 排序算法 堆排序

Vue进阶(幺捌伍):动态设置系统字体

No Silver Bullet

Vue 7月日更 字体设置

ARTS 打卡计划-1

语霖

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