筷筷小报#8 - Next.js 带来的心智负担你受的了吗

Fri, October 18, 2024 - 7 min read

开源动态

1 Next.js 15.0.0 rc.1

有关 Next.js 15 的新特性,可以查看下面两篇博客:Next.js 15 RC 2Next.js 15 RC

目前我正在学习 Next.js 14,感觉心智负担好重。主要在于它的多层缓存策略,默认情况下,Next.js 会尽可能多地缓存以提高性能和降低成本。这使得客户端、服务端和fetch都有一层缓存机制,缓存要考虑数据缓存、路由缓存;页面的渲染方式要考虑静态渲染和动态渲染;还有诸如此类的各种考虑。

但是您猜怎么着,缓存策略在 v15 又变更了😅,这下心智负担更重了。

2 Next.js CONF 24

下周四会举办 Next.js 的开发者大会,可以关注下。


工具推荐

1 开源许可证选择器

回答5个问题,即可选择最适合你项目的开源许可证😋

2 player.style

player.style 提供多个美观的音频和视频播放器主题。用户可以选择自己喜欢的风格,轻松定制播放器界面。网站支持多种主流框架,比如 React、Vue,使用起来非常方便!

player.style

3 CodeImage

美化代码截图的工具。

code image


视频

1 vlog #77|程序员下班后的学习记录|Rust 写智能合约学习中|Anchor 框架|太太喜欢《平面国》了|TED 与英语学习|八段锦上头|下周加油~ 💓

我也试试八段锦✊✊

2 那些年,我被坑过的开源项目【让编程再次伟大#19】

辨别一个开源项目组是否为草台班子的一个方法,是在 issues 中按评论数量倒叙查看那些讨论最多的最有争议的 issue,看开发团队的发言和态度是否相对客观。


文章

1 eBay 实验平台的网站性能优化实践

同在前端领域的朋友推荐的文章,网站性能优化的实践,包含前端与后端部分。

文章整体结构很完整。前端部分首先介绍业务背景,引出为什么需要性能优化;再到性能指标的选取,说明哪些指标能够「准确反映用户的实际体验」;之后选择合适的平台进行数据收集和监控。

其次,根据收集到性能数据,考虑如何优化方案与架构。介绍了网络调度、静态资源加载、数据传输,以及页面渲染四个方面的优化方案。

2 一个前端非侵入式骨架屏自动生成方案

文章介绍了一种前端非侵入式骨架屏自动生成方案,包括背景、现有方案调研、技术方案设计及优化点、部分技术细节解析以及效果演示和业务实践。

3 构建时组件 - 为什么 React 服务器组件是面向内容驱动网站的一次飞跃丨EN

该博客以在悬停卡中显示链接的开放图图像为例,介绍了客户端、构建时插件和 React Server Components 三种解决方式。对比三种方式,客户端方式简单但有缺点,构建时插件方式解决了部分问题但有取舍,React Server Components 方式兼具两者优点。React Server Components 技术提升了开发体验,有助于打造更丰富的内容驱动型网站。


播客

1 硬地骇客丨太🔥了,我们也聊聊 NotebookLM 和 AI 播客

今天我们聊一下AI生成播客!我们从AI播客的听感体验出发,深入探讨了它的应用场景、对播客产业的影响,以及未来发展趋势。从AI生成音频的真实感,到AI在资讯、读书和访谈等不同场景的适用性,再到AI播客的商业化前景和创作者们如何应对AI带来的挑战,让我们一起展望AI时代播客的未来!

2 WebWorker丨[3周年联欢]辛宝:我想停更了 Smart:驳回,继续录

三年前我和刘威突发奇想一起做一个闲聊播客,一转念,播客居然已经做了三年了!这一次我们和辛宝、刘威、小白菜、开翼、smart、瑞丰一起闲聊,谈了谈各自生活的感受,三年下来我们从网友成为亲密无间的好朋友了。


句子

1 如何快速验证你的想法:

  • 让你的开发速度和想法匹配。不要花时间在配环境、工具链、布局上;针对不同框架有很多开箱即用的模板,找到合适的用就好了!

  • 聚焦最关键部分,做一个 MVP 出来。一开始不要在意 UI,聚焦在想法的关键功能实现上,把它跑通最重要。

  • 将你的 MVP 分享出去,与他人交流,以获得新的灵感和正向激励,进而迭代你的项目。