前端周报: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(尾调用)有何进展?

版本官宣

[email protected]

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

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

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

[email protected]

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 表情包。

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

相关推荐
腾讯TNTWeb前端团队1 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰5 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪5 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪5 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy6 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom6 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom6 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom6 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom6 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom7 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试