前端技术周刊1期

409 阅读5分钟

本期摘要

  • Remix v1.5.0
  • Babel v7.18.0
  • 前端部署十五章
  • Tree Shaking 问题排查指南
  • Web Applications 101
  • ARIA 创作实践指南
  • 一文搞懂前端技术发展

Hi大家好,我是布莱克。欢迎来到布莱克的前端周刊,这是第1期。

本周有这些内容想和你分享:

  • Google I/O 2022 Web 平台新动态

  • TypeScript 4.7 RC

  • WinterCG 社区组成立

  • Lerna 复活,Nrwl 将接管 Lerna

  • GitHub 使用 2FA 保护开发者帐户

  • DOM 事件可视化器

  • GitHub 项目精选

  • Web Design History Timeline

  • State of CSS 2022

React本周热点

Aspect:一款新推出的可视化组件搭建平台 — 这是一个未经市场检验的新工具,即便对你没有帮助,Aspect 在简化开发过程上的努力也是值得称赞的,更何况它可能对你还有所帮助。目前 Aspect 只支持导出类组件,不过我们很惊喜的发现他们内测的方式是使用 Aspect 技术去搭建 Aspect 自己的官网。

Playwright 新增组件测试功能 — Playwright 是微软出品的,“为现代网络应用程序提供可靠的端到端测试”的浏览器自动化测试工具。它最近又发行了组件测试的新功能,目前还处于试验状态,你可以 点击此处了解更多信息

如何使用 React Profiler 来提升应用性能 — 点击了解 profiler API,它可以提供用于诊断性能瓶颈的数据。

快讯

  • 你可能听过 SolidJS 但是一直没时间去研究,▶️ 这里有一个 100 秒的介绍视频,其中将 SolidJS 与 React 进行了比较。

原文地址:www.solidjs.com/

  • TypeScript 发布了 v4.7 候选版本

原文地址:devblogs.microsoft.com/typescript/…

如何提升 React 表单性能 — 基于 Kent 在 2019 年提出的 状态共置 的概念,本文探究了如何通过将状态放在更接近使用它们的代码处来提升表单性能。

原文地址: epicreact.dev/improve-the…

结合 Serverless 云服务使用 Next.js 的 ISR — Serverless 的云服务支持 Next.js 按需增量更新(ISR)的渲染方式,本文将介绍如何使用它

原文地址: www.serverless.com/blog/using-…

实现渐进式的图片加载功能 — 有什么比在加载大尺寸高分辨率图像时盯着空白界面更糟糕的事情吗?文本旨在让用户更清楚地了解即将展示的内容,从而改善用户体验

原文地址:blog.logrocket.com/progressive…

如何在 React 中使用 Redux reducers

原文地址 :blog.openreplay.com/how-to-impl…

技术资讯

  1. Google I/O 2022 Web 平台新动态

一年一度的 Google I/O 来了,Web 平台的新动态有很多,包括如隐私和安全、CSS、JS、性能等等,就不一一列举了,还没看的堂友可以通过上面链接的回放看下,主持人也很幽默,节目非常精彩。

大约在 24 年前,Google 由两名研究生创立,当时 Google 拥有一个产品,以及一个远大的使命:整合全球信息,供大众使用,使人人受益。在那之后的几十年里,我们一直在推进我们的技术来实现这一使命。 - Sundar

  1. TypeScript 4.7 RC

TypeScript 4.7 RC 候选版本发布,自 Beta 版以来的主要改动如下:

  • 由于 Node.js 12 不再维护,module 构建目标改为 node16;
  • 在 #private 私有字段上支持 typeof 还存在兼容性问题,不会出现在 4.7 的正式版中;
  • Breaking Changes 中取消了在 strictNullChecks 中类型参数约束等规则。
  1. WinterCG 社区组成立

就像 justjavac(迷渡) 老师所说的一样:“这个社区早该成立了!这样可以让云计算或者边缘计算的平台提供和 Web 一致的 API,而不是各自开发自己的 API。对于社区开发者来说,不再需要额外学习一套 API,写一套代码就可以部署到不同平台。”

  1. Lerna 复活,Nrwl 将接管 Lerna

Lerna 复活了,他将接力棒传给了 Nrwl。Nrwl 是同样作为 Monorepo 管理工具 Nx 背后的公司。

  1. GitHub 使用 2FA 保护开发者帐户

经过前一阶段里不断发生的供应链攻击,分析原因后,为了能从源头治理,GitHub 宣布将于 2023 年底前,强制要求在 GitHub.com 贡献代码的用户启用一种或多种形式的双因素身份验证(2FA)。

下面我们来看技术资料。

技术资料

  1. DOM 事件可视化器

这个工具可以帮助你掌握 DOM 的事件系统,你可以将不同类型的事件监听器添加到元素上,然后观察它们的工作方式,可以验证下你是不是完全掌握了。

  1. GitHub 项目精选

这篇博文中作者收集了很多 GitHub 上好玩的项目,工作累了来冲浪一下吧。

  1. Web Design History Timeline

这个网站很用心,记录了从 1990 年至今,网页设计史上的里程碑事件、网页设计趋势、以及网页设计演变等,为后人提供了很好的历史参考和素材。

  1. State of CSS 2022

这篇文章是 Google I/O 2022 上关于 CSS 状态演讲的文章形式,一大波好用的特性正在抵达战场。

好文推荐

下面来看一下好文推荐,本周推荐的好文是:

  1. Partytown 如何从第三方脚本中给网页“减肥”
  2. 【访谈实录】对话 Lee Robinson :聊聊前端的未来 & Vercel