栗子前端技术周刊第1期 - Node.js 21 发布,MicroApp 1.0 正式版,TanStack Query v5...

🌰栗子前端技术周刊第一期 (2023.10.16 - 2023.10.22):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. Node.js 21 发布: 在未来一周左右的时间里,Node v21 将取代 v20 作为第一个获得新功能的"当前"版本,v21 引入了 V8 11.8、npm 10.2、稳定的 Web Streams 支持以及实验性的浏览器兼容 WebSocket 实现。

  2. MicroApp 1.0 正式版推出: 经过一年多时间的打磨验证,京东的微前端 MicroApp 正式推出 1.0 版本,MicroApp 的亮点包括更简洁的接入方式、沙箱性能等等。

  3. TanStack Query v5: TanStack Query v5 版本推出,这个就是平时常说的 React Query 库,处理 React 中数据请求相关的库,另一个社区比较多人用的是 SWR。

📒 技术文章

  1. 如何计算CSS自定义属性的值: 本文 带我们了解浏览器如何计算 CSS 自定义属性的值,并指出对这个过程的误解可能导致意外的或缺失的值。。

  2. Photoshop 的 Web 版本中的 CSS 发现: 几周前,Adobe 推出了 Web 版本的的 Photoshop,本文将带你了解这个 Web 应用中的 CSS。

  3. 构建一个更好的移动端输入框: 交互式教学,平时有开发移动端 H5 的同学不可错过。

  4. React Memo is.. Good Actually: 使用 React Memo 功能可能是"一个有争议的、复杂的、不断变化的话题",本文讲述了 React Memo 的优势。

🔧 开发工具

  1. table-saw: 响应式 HTML 表格的 Web 组件: 灵感来自一个相似的旧版 jQuery 插件。

  2. CSS Size Analyzer: 分析 CSS 代码以识别大型规则和选择器。

  3. VOV.CSS: 这是一个包含有用 CSS 动画的实用库,可以在页面上直接尝试每一个动画。

  4. Rockpack 4.0: 与 Create React App 类似,用于快速生成 React 项目,此工具中还包括服务器端渲染、代码检查和测试。

  5. react-quick-pinch-zoom 5.0 : 使用多点触控手势拖动并缩放任何 DOM 元素------非常适合移动设备,当然也可以在桌面设备上支持鼠标事件,示例

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢 💖

相关推荐
Pedantic17 分钟前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端
飘尘34 分钟前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈
一颗烂土豆43 分钟前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
浏览器工程师2 小时前
AI Agent 接浏览器任务,先别让它一路点到底
前端·后端
雨季mo浅忆2 小时前
VSCode自动格式化三要素
前端
爱勇宝3 小时前
深扒 Anthropic 1680 位工程师简历:应届生几乎没机会,AI 公司最缺的不是博士
前端·后端·程序员
kyriewen3 小时前
同事每天催我 Code Review,我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
前端·javascript·ai编程
user20585561518135 小时前
Windows 项目安装时报 `node-sass` 错误,如何快速处理
前端
LiaCode5 小时前
Redis 在生产项目的使用
前端·后端