共计 1934 个字符,预计需要花费 5 分钟才能阅读完成。
前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢送大家关注、转载。
<span style=”color:red;”> 如果外链不能拜访,关注公众号 前端每周看,外面有解决办法 </span>
大事件
-
Bun:一个令人兴奋、疾速的新 JavaScript 运行时—— 厌倦了 Node?厌倦了德诺?绝不。但新的挑战者呈现了。Bun 面向“浏览器之外”用例,围绕 WebKit 的 JavaScriptCore 构建,而不是 V8。一些显着的特点:
- 包含它本人的捆绑器、转译器和工作运行器。
- 有前途的体现。
- 曾经反对很多 Node 和 Web API。
- 你能够应用 npm 包。
- 实用于 macOS(x86 和 Arm)、Linux 或 WSL。
- bundlejs: Online npm Package Bundler and Size Checker ——一个在线工具,能够对我的项目进行 treeshake、捆绑、放大和压缩(gzip 和 brotli),并显示它们的权重。
- 如何不阻塞浏览器:要点——如果您看到文章或工具议论从“主线程”中删除代码并想晓得为什么这很重要,那么这就是您的入门读物。它涵盖了事件循环、Web Worker、异步调度以及它们如何发挥作用。
文章
- 国际象棋引擎:从零到一 — 这是对我认为不会特地乏味的货色的乏味介绍。chessboard.js 和 chess.js 使试验变得容易。
- React 状态治理的新浪潮 — 无论如何,这不是一篇疾速的文章,但提供了一个全面的概述,以及状态治理世界的一些历史和观点以及一些可用的选项。
- 应用 htmx 和 Hyperscript 从新构想前端 Web 开发 — 乏味的是,开发人员能够抉择不编写 JavaScript,但依然能够生成有用的前端。
- “我如何应用 Next.js 和 Tailwind 构建软件代理网站”— 如果您想理解其余开发人员如何以最战争、最优雅的形式工作,这个(相当长的)视频适宜您。
- 应用 XState 简化您的全栈应用程序 — 状态治理是须要一段时间能力真正进入的事件之一,特地是在通常与它们不相干的开发畛域,但为了升高零碎复杂性,这样做是值得的(以事后减少更多代码为代价)。
- 如何应用 React 18、Vite 和 Netlify 函数构建、测试和部署 Bookstore 应用程序 — 将各种古代工具会集到理论目标中,包含在后端应用无服务器性能的在线应用程序。
- Vue 3 中应用 Vuelidate 的简略表单验证 — 毫无疑问,Vuelidate 是一个验证库。
框架公布
- Node 14.20.0 (LTS) , 16.16.0 (LTS) & 18.5.0 (Current)
- Fuite 1.6 – 用于在 Web 应用程序中查找内存透露的工具。
- oclif 3.1 – Node.js 开放式 CLI 框架。
- Notion SDK for JS 2.0 – 官网 Notion JavaScript 客户端。
- Tabulator 5.3 – 交互式表格和数据网格控件。
- Preact 10.9 – 向 React 18 的新钩子问好(除了 useId)。
- Perspective 1.5.1 – 通过 WebAssembly 进行疾速数据可视化。
代码和工具
- Big Calendar 1.x:一个相似 GCal/Outlook 的 Calendar React 组件:应用 flexbox 来进步响应能力。
- PocketBase: A Backend in a Single Binary:一个乏味的我的项目,能够在许多场景中取代 Firebase。它是用 Go 编写的,但最终充当前端 JavaScript 应用程序的后端。它应用 SQLite,您还能够取得一个内置的治理仪表板,其中蕴含文件和用户治理。
- ProtoScript:Protocol Buffers 运行时和代码生成工具:运行时比 Google 的要小很多,并且代码生成器生成习用的 JavaScript,并带有 JSON(反)序列化器和 TSDoc 正文。
- Deprank:应用 PageRank 查找代码库中的重要文件:PageRank 是一种通常与 Google 过来如何对网页进行排名相干的算法,但这个想法能够实用于在任何类型的链接我的项目集中对事物进行排名,如此处所示。
- tsParticles:用于页面的粒子、五彩纸屑和烟花:创立可自定义的粒子相干成果以在 Web 上应用。应用惯例 2D 画布取得广泛支持。
- Amplify UI for React 现已全面推出:Amplify 是一种将各种 AWS 服务捆绑在一起的子平台,使它们更易于用于前端和挪动我的项目。其中一部分是 Amplify UI,一个间接连贯到 AWS 云的 React 组件的汇合(能够应用 Vue 和 Angular 变体)。
- Wayne:它就像 Express.js,但在 Service Worker 外部:具体来说,它是一个在 Service Worker 外部应用的路由库。
正文完