查看原文
其他

MDH 前端周刊第 81 期:Next.js 13.1、Bun 0.4、WASM napi、React Query

云谦 云谦和他的朋友们 2023-01-28

Hi,新年好!我是云谦,欢迎打开新一期的「MDH:前端周刊」,这是第 0081 期,发表于 2023/1/2,将为您带来最新的资讯和分享。

注意:本文带有大量链接,推荐点击「查看原文」在语雀上查看。

一周新闻

推荐下 YingCi 的 Telegram 频道《咲奈的平行时空》,更新频率很高,通过此可了解大部分前端相关资讯,也是本文新闻的重要渠道之一。也可订阅我的 Telegrame 频道《云谦的自说自话》作为补充。

  • Next.js 发布 13.1,包括 app 目录改进、内置 next-transpile-modules 的能力、支持 babel-plugin-transform-imports 的能力、内置 Edge Runtime 可稳定运行 API 路由、Turbopack 大量改进等。

  • Bun 发布 0.4,引入了极快的 bunx。

  • Ant Design 发布 5.1,新增 App 包裹组件、QRCode 二维码组件和 Watermark 水印组件。

  • 发现有人用一个网站来整理 WASM 的时间线。

  • devongovett 实现了 WASM 版的 napi,让 native node 依赖可以跑在浏览器里,已跑通大部分 napi_rs 的测试用例。

  • Josh W Comeau 的新课《The Toy of React》将于 2023.1.23 发布。

  • 发现一个开源版的 ChatGPT,但是基于 PaLM 实现的 PLHF。

  • Tamagui 发布 1.0,让你可以构建跨平台的 React 应用,支持 Web 和 RN。

  • Jotai 2 将支持在 React 外读写 atom 值,同时在 Jotai 1.11 中也支持,期待已久的功能。

  • 发现一个库 mdxjs-rust,用 Rust 实现 MDX 到 JavaScript 的编译,对于文档站的 SSG 部署来说会更快。

  • 来自 Remotion 的 Github Unwrapped,输入 github id 即可得到一个个性化的年度 Review 视频。

  • GitHub Contributions Chart Generator 可以生成历年的 Github 贡献热力图。

  • 一个开源的建立编辑器 Reactive-Resume,推荐给有需要的同学。

深度好文

好文推荐,但是感觉最近好文好少。

  • 对性能方向感兴趣的可以关注 《Web Performance Calendar 2022》,每年 12 月份会写 31 篇性能相关的文章。

  • Lee Robinson 写了一篇《Why I'm Optimistic About JavaScript's Future》 表达对 JavaScript 未来的看好。1)浏览器部分有 IE 时代的终结和浏览器引擎标准对齐,现在的 img 已可无需 JavaScript 实现 lazy loading、宽高比、基于 CSS/SVG 的模糊图像占位符等能力,2)Server 部分,像 Fetch、Request、Response 等 100+ API 在 Node 和 Browser 之间无缝无补丁使用,3)Edge 里的 JavaScript runtime 通常是 Node.js API 的子集。

  • Ryan Carniato 通过一篇《JavaScript Frameworks - Heading into 2023》带我们回顾 2022 年的 JavaScript 框架。一些趋势包括,1)2022年框架思想领袖之间最大的一致,那就是路由属于服务器,2)TypeScript从一个选项变成了许多元框架CLI的默认选项,以及类型安全 API 的 tRPC 和类型安全路由的 TanStack Router,3)水化将成为过去,取而代之的是 Resumable,4)绝大多数元框架支持 Edge Function。

  • 看到一篇《Why You Should Use Islands Architecture》,详细介绍了岛屿架构的来龙去脉及其解的问题。

  • 看到一篇《9 Best Digital Transformation Tools for 2023》,除了第一个是明显广告外,其他工具大部分开发者应该都会接触到。

  • 看到一篇《State Management In React With Jōtai》,有余力的同学可以赶在 Jotai 2 发布之前入门 Jotai。

  • 推荐一篇技术无关的文章《How To Get Luck》。运气虽随机发生,但你可以把自己挪到可以捕捉到更多运气的地方。

Umi 和我

关于 Umi 和我最近的进展。

  • Umi 例行每周四发一版,有趣的功能包括,1)新增 phantomDependency 配置,用于检测幽灵依赖的使用,对于一些项目来说是可以救命的功能,2)完善 dev 启动提示,无网络连接时提示 Network Unavaiable,3)支持 antd 5 的预设算法配置。

  • 这两周阳过了,在家办公 6 天,家有两娃,一个上网课,一个提早寒假放飞,于是工作效率略低,后面几天每天早上测抗原盼望着去上班。

  • 写了个程序自动捞前端资讯,已运行 4 天,稳定后会免费放出。

  • 完整调研完一遍 React Query、SWR、use-request,分别用了两下午、3 小时、半小时,最终确定 React Query 为我们中台请求方案的选择。

  • 花 59$ 买了 React Query 的官方课程,看了 50%,看的时候顺手用 yt-dlp 下视频到本地,并用 ffmpeg + whisper-cpp 加上英文字幕。

  • 如果你在做答疑,要注意答疑的不同方式的杠杆率,相比之下,「记录答案并分享链接且后续可被搜索到」是其中相对更好的方式。

  • 周五下班前拍脑袋出了个「前端计划交换」计划,已征集到 100+ 反馈。2023 年,你有啥想做的前端领域的事情吗?填入你的计划,1-3 项即可,你将会收获所有填写这份表单同学的计划。截止 2023.1.5。

  • 2022 年最后一天梳理了 2022 年终总结,2023 年第一天脑暴了目标并确定了一些,然后整理了其中一些目标的 Roadmap。新的一年尝试用 Lex Fridman 的方法组织自己的时间,多 Deep Work。

星球更新

不知不觉我的知识星球已维护近一年,更了 230 多篇文章,包含了我们最新的观点和见解。以下是近两周的星球更新,访问「q.sorrycc.com」了解更多。

  • 236 - 《2022 年终总结》

  • 235 - 《Telegram 机器人》

  • 234 - 《极简交互的极致体验》

  • 233 - 《SWR 调研笔记》

  • 232 - 《2022 年度产品、游戏、硬件和付费服务》

  • 231 - 《React Query 笔记:下》

  • 230 - 《React Query 笔记:上》

每周一图

小结

如果你喜欢 MDH 前端周刊,请转发给你的朋友,告诉他们到这里来订阅,这是对我最大的帮助。下期见!

MDH,让开发者有笑容 :)

点击“在看”,与好友共享!


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存