Next.js 系列 01:为什么使用 Next.js
Published on 28th August 2024
- Next.js 系列 01:为什么使用 Next.js
- Next.js 系列 02:客户端渲染与服务端渲染
- Next.js 系列 03:渲染策略
- Next.js 系列 04:在服务器组件之前
- Next.js 系列 05:什么是服务器组件
- Next.js 系列 06:服务器组件的好处
- Next.js 系列 07:客户端组件的传染性
昨晚在 Bilibili 首页看到一个 Next.js 视频,顶着最近火热的『黑神话·悟空』封面,出于好奇我点了进去……大约十分钟后,出于讨厌国内教育的通病(填鸭式教学),我决定自己写一写 Next.js 系列的文章。
为什么使用 Next.js
使用框架而不是库
React 是一个构建 UI 的库,它不是一个框架。我们编写 Web 应用,大多都需要为路由、数据获取、生成 HTML 等问题寻找解决方案。通过框架入手,可以节省很多步骤。
为什么是 Next.js
使用 React 的框架有不少,Next.js、Remix、Waku、Gatsby、Astro、UmiJS、ICE.js、Modern.js、Taro 等等。React 团队多年来一直致力于许多高级全栈功能, 例如 Suspense、React Server Components。Next.js 是该过程的积极参与者,甚至聘请了几位 React 核心团队成员,例如 Sebastian Markbåge、Andrew Clark。
如果你想要第一时间使用 React 的新功能,Next.js 恐怕是最好的选择,就像 React Compiler 可以在 Next.js 15 中开箱即用一样(注:该版本还处在 RC 阶段)。 倘若你构建的应用重度依赖 Ant Design 这样的 UI 组件库,UmiJS 或许是更好的选择,又或者你想编写小程序,应该使用 Taro。
开篇到此结束,我与你介绍了使用 Next.js 的理由,下一篇我将谈一谈客户端渲染与服务端渲染。