栗子前端技术周刊第12期 - 2023 JavaScript 新星,ESLint v9.0.0-alpha.0,V8 Maglev...

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

📰 技术资讯

  1. 2023 JavaScript Rising Stars:2023 JavaScript 新星 - 每年年初,Michael 都会盘点前一年在 GitHub 上最受欢迎的项目。React 的 shadcn/ui 组件库一举跃居第一,也有很多新项目上榜。Bun 和 Next.js 继续上榜,而 htmx 和 Drizzle ORM 则首次进入前十名。

  2. ESLint v9.0.0-alpha.0:这是 ESLint 的一次重大版本升级。此版本删除了七种不同的格式化器(checkstyle、compact、jslint-xml 等等),添加了一些新功能,并修复了上一版本中发现的几个错误,也有一些破坏性改动。

  3. V8 Maglev:V8 引入了一种名为 Maglev 的快速、新型优化编译器。

  4. jQuery 4.0 即将发布:jQuery 4.0 将从 AMD 调整为 ES modules、不再支持 IE <11、iOS <11、Firefox <65。

📒 技术文章

  1. Six CSS Snippets Every Front-End Developer Should Know in 2023:2023 年每位前端开发人员都应了解的六个 CSS 代码片段 -- 这篇文章介绍了许多值得一用、功能强大、广泛跨兼容的 CSS 技术(包括逻辑属性和容器查询),是《Frontend Focus》去年的热门分享链接。当然,所有内容在 2024 年依然适用!

  2. TypeScript's any vs unknown vs never: Complete Guide:TypeScript 的 any vs unknown vs never,文章将重点以清晰、直接的方式来讲述这三种类型。你将了解每种类型代表什么、何时使用它们,以及将它们纳入 TypeScript 项目的实际意义。

  3. 你一定要知道的「React组件」两种调用方式:使用 React 框架的开发过程中,我们常常会使用两种方式调用组件:一种是组件式,另一种是函数式,文中介绍这两种用法的不同。

🔧 开发工具

  1. Plotteus:用于讲述数据故事的 JavaScript 库 - 一个功能强大的解决方案,不仅可用于创建静态可视化(图形、绘图等),还可用于创建交互式可视化,通过滚动、用户界面控件或其他用户交互方式实现数据变化的可视化。
  1. quick-lint-js 3.0:与 ESLint 相比,quick-lint-js 的速度快 90 倍以上,能在你编码时为你提供即时反馈。在手指离开键盘之前,就能发现 JavaScript 中的错误。无需配置即可检查任何 JavaScript 文件。
  1. React Chrono 2:灵活的时间线组件 - 你可以在垂直、水平或垂直交替方向上渲染可主题化的时间线。它包括键盘导航支持、自动前进功能,还支持嵌套时间线。
  1. React Wrap Balancer:更好地显示标题的组件 - 这是一个简单的组件,可通过避免单个悬空单词来改善应用程序中标题的显示效果,1 kB Gzipped。

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

相关推荐
ziyue757512 分钟前
vue修改element-ui的默认的class
前端·vue.js·ui
树叶会结冰33 分钟前
HTML语义化:当网页会说话
前端·html
冰万森38 分钟前
解决 React 项目初始化(npx create-react-app)速度慢的 7 个实用方案
前端·react.js·前端框架
牧羊人_myr1 小时前
Ajax 技术详解
前端
浩男孩1 小时前
🍀封装个 Button 组件,使用 vitest 来测试一下
前端
蓝银草同学1 小时前
阿里 Iconfont 项目丢失?手把手教你将已引用的 SVG 图标下载到本地
前端·icon
布列瑟农的星空1 小时前
重学React —— React事件机制 vs 浏览器事件机制
前端
一小池勺2 小时前
CommonJS
前端·面试
孙牛牛2 小时前
实战分享:一招解决嵌套依赖版本失控问题,以 undici 为例
前端