栗子前端技术周刊第8期 - Redux Toolkit 2.0、Astro 4.0、Storybook 7.6...

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

📰 技术资讯

  1. Redux Toolkit 2.0、Redux 5.0 和 React-Redux 9.0: Redux、React-Redux、Redux Toolkit 和 Reselect 的最新重要版本发布。其中有大量新功能、性能改进、更小的包大小以及过时功能的移除。Github 上还提供了 RTK 2.0 和 Redux 5.0 迁移指南,详细介绍了这些变化。

  2. Astro 4.0:内容网站框架 Astro 新的重要版本刚刚发布,包括新的开发工具栏、自动 i18n 路由、新的视图转换 API 等。此外,还试验性地增加了内容缓存功能。升级非常简单,对于大多数人来说,只需使用 npx @astrojs/upgrade 即可。

  3. Storybook 7.6:Storybook 新版本中 webpack 项目的启动时间缩短了 "50% 或更多",实验性支持 SWC(Speedy Web Compiler),新的 "测试构建模式",新的基于 Vitest 的测试库等等。

  4. Node's GitHub repo: NodeJS Github 仓库 star 数已超过 100k。

📒 技术文章

  1. Taking Care Beyond Code:前端开发人员的 7 项最佳设计实践 - 如果前端工程师没有考虑到设计的重要性,用户体验就会受到影响。这篇文章强调了整体方法的重要性,并提供了一些要点和最佳实践。

  2. The Complete Puppeteer Cheatsheet - 如果你想通过 JavaScript 控制无头 Chrome 浏览器,Puppeteer 就是你的最佳选择。

js 复制代码
const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('<https://example.com>');
  await page.screenshot({path: 'example.png'});

  await browser.close();
})();
  1. 实战篇:带着大家用鸿蒙 HarmonyOS 做项目:HarmonyOS 开发是最近比较热门的话题,前端开发们赶紧学起来。

  2. Web Components 的前世今生:文中介绍了 Web Components 的历史、概念和开发。

🔧 开发工具

  1. ClassyFont:为字体生成 CSS 的在线工具。
  1. TSDiagram:使用 TypeScript 快速绘制图表,通过顶层类型别名和接口定义数据模型,它能以高效的方式自动布局。
  1. Timenames: 为一天中的每一秒起一个独特的名字 - 作者有一个应用程序,希望在不直接使用时间的情况下创建更有趣的独特文件名。这里有一个实时演示,展示了这些名称的实际使用情况。

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

相关推荐
weixin_4569042723 分钟前
C# 中的回调函数
java·前端·c#
kura_tsuki37 分钟前
[Web网页] LAMP 架构与环境搭建
前端·架构
yinuo1 小时前
UniApp+Vue3多分包引入同一 npm 库被重复打包至 vendor 的问题分析与解决
前端
码界奇点1 小时前
Spring Web MVC构建现代Java Web应用的基石
java·前端·spring·设计规范
苏打水com1 小时前
JavaScript 入门学习指南:从零基础到能写交互效果
javascript
yinuo1 小时前
UniApp + Vue3 使用 marked 报错:SyntaxError /[\p{L}\p{N}]/u 问题分析与解决
前端
大前端helloworld1 小时前
前端梳理体系从常问问题去完善-框架篇(Vue2&Vue3)
前端·javascript·面试
嫂子的姐夫2 小时前
11-py调用js
javascript·爬虫·python·网络爬虫·爬山算法
小墨宝2 小时前
web前端学习LangGraph
前端·学习
南囝coding2 小时前
React 19.2 重磅更新!这几个新特性终于来了
前端·react.js·preact