栗子前端技术周刊第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 等,周刊内容也会不断优化改进,希望你们能够喜欢 💖

相关推荐
「、皓子~13 分钟前
后台管理系统的诞生 - 利用AI 1天完成整个后台管理系统的微服务后端+前端
前端·人工智能·微服务·小程序·go·ai编程·ai写作
就改了16 分钟前
Ajax——在OA系统提升性能的局部刷新
前端·javascript·ajax
凌冰_18 分钟前
Ajax 入门
前端·javascript·ajax
京东零售技术33 分钟前
京东小程序JS API仓颉改造实践
前端
奋飛42 分钟前
TypeScript系列:第六篇 - 编写高质量的TS类型
javascript·typescript·ts·declare·.d.ts
老A技术联盟42 分钟前
从小白入门,基于Cursor开发一个前端小程序之Cursor 编程实践与案例分析
前端·小程序
风铃喵游1 小时前
构建引擎: 打造小程序编译器
前端·小程序·架构
sunbyte1 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock(主题时钟)
前端·javascript·css·vue.js·前端框架·tailwindcss
小飞悟1 小时前
🎯 什么是模块化?CommonJS 和 ES6 Modules 到底有什么区别?小白也能看懂
前端·javascript·设计
浏览器API调用工程师_Taylor1 小时前
AOP魔法:一招实现登录弹窗的全局拦截与动态处理
前端·javascript·vue.js