前端周报:VSCode 官宣升级!TC39 常见问答。React 替代品?(51 期)

大家好,这里是大家的林语冰,您现在收看的是第 51 期《前端周报》。

视频解说请传送 前端周报@bilibili

每周必看

VS Code 月刊

VS Code 是一个使用 TS(TypeScript)开发的地表最强 IDE(集成开发环境)。

VS Code 团队官宣 1.85 正式发布,重大升级包括但不限于:

  • 可以将编辑器拖拽到桌面
  • JS 堆快照可视化,听说原始类型是存储在栈上的,是时候实践出真知了
  • GitHub Copilot 更新,优化 AI 体验

TC39 FAQ

TC39 是负责发展和维护 JS 标准的技术委员会,我们现在使用的 JS 语法就是这群大佬决定的。

TC39 官方开启了一个新的常见问答仓库,回答了部分热心网友的"灵魂拷问",包括但不限于:

  • 为什么不 all in 一个新版本,并搞定所有历史包袱呢?
  • WebAssembly 会取代 JS 吗?
  • JS 会添加 JSX 表示法吗?
  • PTC(尾调用)有何进展?

版本官宣

Safari@17.2

WebKit 是一个开源迅捷的浏览器引擎,主要用于 Safari 等浏览器中。

WebKit 团队官宣 Safari 17.2 正式发布,重大升级包括但不限于:

  • CSS 支持更丰富的嵌套语法
  • JS 支持最新的 import attributes(导入属性)功能
  • Web API 支持 fetch 的优先级属性

Deno@1.39

Deno 是下一代 JS 运行时,诉诸 Rust 赋能高性能的异步 I/O。

Deno 团队官宣 1.39 正式发布,重大升级包括但不限于:

  • 支持之前移除的 WebGPU
  • 优化 Node.js 的兼容性
  • 支持 TS 5.3,更改装饰器默认设置

ES6 爱好者

await 的事件视界

地球人都知道,黑洞存在事件视界,一旦越界,光都无法从中逃脱,除非超光速。这就好像喵星人无法逃脱地球的引力,离开地球表面一样。

JS 中 Promise 也存在类似的边界,一旦跨越执行流,就无法从中返回,这位大佬将其称之为"Promiseawait 事件视界"。

js 复制代码
// event.jpg

字符串序列化

JS 中序列化的常用方案是使用 JSON.stringify API,但该 API 能且仅能支持 JSON 兼容的数据类型,比如 undefinedMap 等数据就无法完美兼容。

seroval 是一个序列化 JS 值的工具函数,可以序列化 JSON 之外更丰富的 JS 值。


停止嵌套三元表达式

Prettier 最近更新了关于三元表达式的格式化规则,于是乎这位大佬有一个大胆的想法 ------ 停止嵌套三元表达式。

大佬科普了嵌套三元表达式不够一目了然,并建议尽量减少嵌套或使用条件语句重构。


TS 在线参考文档

TS Docs 是一个 npm 包的在线 TS 参考文档,可以浏览任何包或库版本的 TS 文档。

CSS 爱好者

Tailwind 可扩展性问题

前阵子 CSS 现状调查出炉,今年 Tailwind CSS 无疑是"版本之子"。Tailwind CSS 使 class 筑基的原子 CSS 成为主流,虽然但是,这种设计未必与 React/Vue 等组件筑基架构无缝衔接。

这位大佬科普了若干技术方案,包括但不限于:

  • CVA(class 差异管理)
  • tailwind-merge 合并
  • 无运行时的 CSS-in-JS

大家可能不知道原子 CSS、CSS-in-JS 是什么鬼物,其实原生 CSS 已经把 Sass/Less 的变量/嵌套等语法实现了,就像 HTML5 最终取代了 jQuery,私以为原生 CSS 最终也会取代 Sass/Less,所以大家可以关注一下其他的 CSS 技术方案。

React 爱好者

React GraphQL 框架

Relay 是 Facebook 出品的一个用于构建数据驱动的 React App 的 JS 框架。

Relay 是声明式框架,永远不使用命令式 API 与数据库通信,只需使用 GraphQL 声明您的要求,然后让 Relay 决定如何请求您的数据。


React 虚拟 DOM 替代品

Million.js 是一个编译器,可将现有的 React 代码转换为超优化的虚拟 DOM。

Million 是 React 的直接替代品,速度比 React 快 70%,体积更小。


React 组件库

Keep React 是基于 React 和 Tailwind CSS 构建的组件库,提供了 40+ 开源 UI 组件。

前端工具人

DIY 缓动函数

Epic Easing 是一个在线生成自定义缓动函数的交互式网站,提供了一种使用和学习缓动函数的有趣方式,可以直接导出为 CSS/SCSS 等格式。


免费人脸照片

UserStock 提供了用作头像的免费人脸照片,包括使用 5 个不同年龄组的图像,还可以过滤风格。


精选调色板

Color Lisa 提供了若干精选调色板列表,提供了不同艺术家的基于十六进制的调色板。如果您有调色或配色的需求,可以直接选用您喜欢的艺术家调色板。


SVG 加载器

这是一个 SVG 加载旋转器的交互式指南,这位大佬科普了如何嘘嘘渐进地创建美观的 SVG 加载旋转器。


提交规范

大型开源项目的开发一般都有自己的代码提交规范。

Better Commits 是一个用于遵循传统提交指南编写更好提交的 CLI,除了常规的提交,还支持提交类型的 git 表情包。

您现在收看的是《前端周报》系列,学废了的小伙伴可以订阅专栏合集,我们每周六佛系投稿,欢迎持续关注前端开源技术。谢谢大家的点赞,掰掰~

相关推荐
玖釉-3 分钟前
解决PowerShell执行策略导致的npm脚本无法运行问题
前端·npm·node.js
Larcher37 分钟前
新手也能学会,100行代码玩AI LOGO
前端·llm·html
徐子颐1 小时前
从 Vibe Coding 到 Agent Coding:Cursor 2.0 开启下一代 AI 开发范式
前端
小月鸭1 小时前
如何理解HTML语义化
前端·html
jump6801 小时前
url输入到网页展示会发生什么?
前端
诸葛韩信1 小时前
我们需要了解的Web Workers
前端
brzhang2 小时前
我觉得可以试试 TOON —— 一个为 LLM 而生的极致压缩数据格式
前端·后端·架构
yivifu2 小时前
JavaScript Selection API详解
java·前端·javascript
这儿有一堆花2 小时前
告别 Class 组件:拥抱 React Hooks 带来的函数式新范式
前端·javascript·react.js
十二春秋2 小时前
场景模拟:基础路由配置
前端