---
url: https://sugarat.top/weekly/2026-09-19.md
description: >-
  ① Shopify 从 React Native 又转向 Native ② UI SKILLS 合集 ③ JS 13KB 做出来的小游戏 ④
  Claude也默认支持 AGENTS.md 了 ⑤ Tailwind CSS 加入 Shopify ⑥ iPhone Duo 风格 一 Mac 状态栏图标
  ⑦ 复古手绘风格组件 ⑧ 纯CSS手绘风格标注 ⑨ Rslib 1.0 正式发布 ⑩ SQL Playground ⑪ 可视化3D讲解引力 ⑫ await
  fetch 在等什么 ⑬ VS Code 的故事 ⑭ 最好的深色模式切换按钮，就是 "不设置按钮
---

# 视野修炼第133期 | Native 回春了?

欢迎来到第 133 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

*两周的内容嘿嘿 😋，后面几天还会有一些 AI 相关的零散的项目体验分享，内容爆炸还没消化完*

## 🔥强烈推荐

### [1. Shopify 从 React Native 又转向 Native](https://shopify.engineering/back-to-native)

![](https://img.cdn.sugarat.top/mdImg/sugar/8be7cb64b5c38f2a96e278e7230f103c)

**客户端的同学又要站起来了！**

不过[去年还在吹 RN 呢](https://shopify.engineering/five-years-of-react-native-at-shopify) ...。

![](https://img.cdn.sugarat.top/mdImg/sugar/0d80a47ebb74becbd26d323df18509a2)

*AI 确实 让语言变得不那么重要，开发者只关心写出来能不能 work 不关心过程了，笔者也是哈哈*

### [2. UI SKILLS 合集](https://www.ui-skills.com/)

![](https://img.cdn.sugarat.top/mdImg/sugar/22b6c988925e99bea1f5ef2947afd58e)

**ui-skills.com**

收藏装上就对了！

### [3. JS 13KB 做出来的小游戏](https://js13kgames.com/2026/)

很多有创意且精致的小游戏

![](https://img.cdn.sugarat.top/mdImg/sugar/585112cb82b6ef983ee745319e49cdc4)

![](https://img.cdn.sugarat.top/mdImg/sugar/b03d2e6d1a3d21db3cacababe5185b7a)

![](https://img.cdn.sugarat.top/mdImg/sugar/d9d71395d3883c32f593dc9773ba4392)

## 🔧开源工具&技术资讯

### [4. Claude也默认支持 AGENTS.md 了](https://mp.weixin.qq.com/s/u3oTtbEFuTUAPWsEYZSXkw)

![](https://img.cdn.sugarat.top/mdImg/sugar/9068e67bcbd030468f4e499791d36164)

*进步*

### [5. Tailwind CSS 加入 Shopify](https://tailwindcss.com/blog/tailwind-is-joining-shopify)

![](https://img.cdn.sugarat.top/mdImg/sugar/31838aa1bbe1d5df7d891974bea49169)

*收编，印象之前作者在 X 上叫公司收购它，不然它得捣乱了，眼红 Bun 被 Anthropic（Claude 的母公司）收购*

![](https://img.cdn.sugarat.top/mdImg/sugar/b7f28d3f9e1b08076cb9f6f6e0293e82)

### [6. iPhone Duo 风格 一 Mac 状态栏图标](https://github.com/lingyired/status-trio)

**三合一 😄**

![](https://img.cdn.sugarat.top/mdImg/sugar/c45302c5236b4b2f7487d6fa82bc7ed3)

### [7. 复古手绘风格组件](https://www.drawably.dev/)

![](https://img.cdn.sugarat.top/mdImg/sugar/3ae6101c92b5be7650e15295a6e2aa16)

### [8. 纯CSS手绘风格标注](https://neat-annotations.syabro.com/)

![](https://img.cdn.sugarat.top/mdImg/sugar/cfb81b09df72fa543a4b60594ec32366)

### [9. Rslib 1.0 正式发布](https://rslib.rs/zh/blog/v1-0)

![](https://img.cdn.sugarat.top/mdImg/sugar/1be960d7e5ab34e3d042fa7ec6c7737e)

用于构建 JavaScript 库和 CLI 的工具

Rspack 下的工具库构建方案。

对标 tsup(基于 esbuild)  / tsdown (基于 rolldown) 等构建工具。

### [10. SQL Playground](https://telemetry.sh/sql/playground)

*来自 Telemetry（telemetry.sh）的开发者 JR 自荐*

这个公开 Playground 不需要注册，使用浏览器里的 DuckDB WASM，带有合成事件数据，可以用 SELECT / WITH
查询练习按页面、事件类型等维度统计结果。

![](https://img.cdn.sugarat.top/mdImg/sugar/85019ec60fcb739a67eb70542e9190be)

## 📚教程&文章

### [11. 可视化3D讲解引力](https://qunabu.github.io/Gravity/#earth-moon)

挺有趣的👍🏻，diao爆了，作为科普非常棒。

![](https://img.cdn.sugarat.top/mdImg/sugar/57db09e5c75104ba7750070bf9c2a92f)

![](https://img.cdn.sugarat.top/mdImg/sugar/219e2b1a5b5495538a02a382728aa0fe)

![](https://img.cdn.sugarat.top/mdImg/sugar/739b1d90048ddc83c8da7287fd33f7f5)

### [12. await fetch 在等什么](https://blog.gaborkoos.com/posts/2026-09-08-Half-Past-Fetch/)

```ts
const response = await fetch(url) // awaits the headers
const body = await response.json() // awaits the body
```

`await fetch(url)` 看起来是等待响应的，但实际上它只是等待头部信息。

### [13. VS Code 的故事](https://mp.weixin.qq.com/s/TevdWEzmT-QrCaYGvMdVxg)

官方电影级纪录片，讲解了 VS Code 项目的诞生历程。

![](https://img.cdn.sugarat.top/mdImg/sugar/6b1cc9e43541cdfd4be309b8cb52cd28)

### [14. 最好的深色模式切换按钮，就是 "不设置按钮](https://lea.verou.me/blog/2026/dark-mode-toggles-2/)

文章作者的观点是，多数网站不需要常驻切换；有跟随系统 + 设置面板即可。

![](https://img.cdn.sugarat.top/mdImg/sugar/b372b4a545a502d0b8f8ffd2bc33ad3b)

## ⭐️强力推荐关注

> 周刊部分内容来源如下渠道，推荐大家关注。

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [frontendfoc](https://frontendfoc.us/issues) - 🚀 Frontend **Focus**
* [JavaScript Weekly](https://javascriptweekly.com/issues) - A newsletter of JavaScript articles, news and cool projects
* [nodejs Weekly](https://nodeweekly.com/issues) - A free, once–weekly e-mail round-up of Node.js news and articles.