前端食堂技术周刊第|前端食堂技术周刊第 48 期(ESLint 新配置系统、Vue3 中文文档正式上线、Astro 1.0、小程序新渲染引擎)
美味值:
口味:青提椰汁
- 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly
本期摘要
- ESLint 推出新的配置系统
- 新版 Vue 3 中文文档正式上线
- Astro 1.0
- 小程序新渲染引擎 Skyline Beta
- NodeParty 分享 PPT & 回顾视频
- 使用 Vue 组件构建命令行界面应用
- React re-render 指南
- React TypeScript 备忘录
技术资讯 1.ESLint 推出新的配置系统
回顾当前的 eslintrc 配置系统演进史,每一步的演化在当时来看都是不错的选择,比如 extends、Personal configs、多种配置文件格式、可共享的配置和依赖项(npm 背锅)、root、overrides、添加 extends 到 overrides 等等。
然而时至今日,随着 JavaScript 项目越来越庞大,从整体上再来看这些配置就太复杂了。为了简化配置,ESLint 团队经过 18 个月的修订和讨论,决定着手构建一个全新的配置系统 flat config,现在可以在 ESLint v8.21.0 中通过 API 使用。
可以通过如下链接了解更多:
- ESLint's new config system, Part 1
- ESLint's new config system, Part 2
- ESLint's new config system, Part 3
尤大亲自官宣 新版 Vue 3 中文文档正式上线。
3.Astro 1.0
【前端食堂技术周刊第|前端食堂技术周刊第 48 期(ESLint 新配置系统、Vue3 中文文档正式上线、Astro 1.0、小程序新渲染引擎)】2022 年 Islands Architecture 孤岛架构 发展十分迅猛,代表框架如:Astro、Qwik、Elder.js、Fresh 等。
Astro 1.0 近期正式发布,文档写的很不错,如下是核心理念部分:
- Why Astro?
- MPA vs SPA
- Astro Islands
为了使小程序的性能接近原生的用户体验,小程序推出了新的渲染引擎 Skyline。
新的架构相比原有的 WebView 架构,有以下特点:
- 界面更不容易被逻辑阻塞,进一步减少卡顿;
- 无需为每个页面新建一个 JS 引擎实例(WebView),减少了内存、时间开销;
- 框架可以在页面之间共享更多的资源,进一步减少运行时内存、时间开销;
- 框架的代码之间无需再通过 JSBridge 进行数据交换,减少了大量通信时间开销。
文章图片
下面我们来看技术资料。
技术资料 1.NodeParty 分享 PPT & 回顾视频
没看直播的堂友们可以看视频回放了,如下是 NodeParty 的四大主题:
- 在 Node.js - What's Next
- 企业级包管理服务 cnpmcore
- cnpm rapid 极速模式,正式开源
- 从 Egg 到 Artus,谈谈框架的框架的初心
Temir 可以让你使用 Vue 组件构建出命令行界面应用。
3.React re-render 指南
关于 React 重渲染的系列指南,图文并茂,同时提供了代码示例和扩展资料。
文章图片
4.React TypeScript 备忘录
一份很全面的 React TypeScript 备忘录。
文章图片
其他信息
- Announcing TypeScript 4.8 RC
- What's New In DevTools (Chrome 105)
- Electron 20 值得关注的变化
- Turborepo 1.4
- Prisma v4.2.0
- histoire v0.10.0
1.Vitest: 现代前端测试框架
2.5 亿用户如何高效沟通?钉钉首次对外揭秘即时消息服务 DTIM
好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。
你的前端食堂,吃好每一顿饭,我们下期见。
推荐阅读
- 微服务|【黑马-SpringCloud技术栈】【08】Docker_安装_自定义镜像_DockerCompose_搭建私有镜像仓库
- 前端发展历史|从输入url到看到页面经历了些什么(二)——浏览器渲染
- 前端须知的|前端须知的 Cookie 知识
- 前端周刊第三十二期
- React|React 技术栈学习,js 知识点
- 产业互联网|美国对先进芯片EDA工具等四项技术出口管制,影响几何?|硅基世界
- 网络基本概念|网络安全(加密技术、数字签名、证书)
- JavaScript|神经网络之智能科学与技术专业
- 腾讯万字长文——推荐系统 embedding 技术实践总结
- 开阔眼界的好工具,一文教你使用Wappalzer来学习全栈技术