前端周刊第27期,发布每周前端技术相关的大事件、文章教程、部分框架的版本更新,以及代码和工具。每周定期发布,欢迎大家关注转载。如果外链无法访问,关注公众号前端,每周看,有解决办法大事件包:令人兴奋的快速新JavaScript运行时——厌倦了节点?厌倦了德诺?决不。但新的挑战者出现了。Buns旨在“超越浏览器”用例,并围绕WebKit的JavaScriptCore而不是V8构建。一些值得注意的特性:包括它自己的捆绑器、转译器和任务运行器。有前途的表现。已经支持许多Node和WebAPI。你可以使用npm包。适用于macOS(x86和Arm)、Linux或WSL。bundlejs:OnlinenpmPackageBundlerandSizeChecker-一个在线工具,可以treeshakes、捆绑、缩小和压缩(gzip和brotli)项目并显示它们的权重。如何不阻止浏览器:要点-如果您看过文章或工具谈论从“主线程”中删除代码并且想知道为什么这很重要,那么这就是开始的地方。它涵盖了事件循环、网络工作者、异步调度以及它们的工作原理。文章ChessEngines:FromZerotoOne-这是对我认为不是特别有趣的事物的有趣介绍。chessboard.js和chess.js使实验变得容易。TheNewWaveofReactStateManagement-无论如何都不是一篇简短的文章,但提供了全面的概述,以及状态管理世界的一些历史和观点以及一些可用的选项。使用htmx和Hyperscript重新构想前端Web开发—有趣的是,开发人员可以选择不编写JavaScript,但仍然可以生成有用的前端。“HowIBuildaSoftwareProxyWebsiteUsingNext.jsandTailwind”-如果您想了解其他开发人员如何以最平和和优雅的方式工作,这个(相当长的)视频适合您。使用XState简化您的全栈应用程序——状态管理是需要一段时间才能真正进入的事情之一,尤其是在通常不与之相关的开发领域,但它值得降低系统复杂性(在以预先添加更多代码为代价的形式)。HowtoBuild,Test,andDeployaBookstoreAppUsingReact18,Vite,andNetlifyFunctions—汇集了各种用于实用目的的现代工具,包括在后端具有无服务器功能的在线应用程序。使用Vuelidate在Vue3中进行简单表单验证——毫无疑问,Vuelidate是一个验证库。框架发布Node14.20.0(LTS)、16.16.0(LTS)和18.5.0(当前)Fuite1.6–用于查找Web应用程序内存泄漏的工具。oclif3.1-用于Node.js的开放式CLI框架。JS2.0的概念SDK-官方概念JavaScript客户端。Tabulator5.3-交互式表格和数据网格控件。Preact10.9-向React18的新钩子问好(除了useId)。Perspective1.5.1-使用WebAssembly进行快速数据可视化。代码和工具BigCalendar1.x:一个类似GCal/Outlook的CalendarReact组件:使用flexbox实现响应。PocketBase:ABackendinaSingleBinary:一个有趣的项目,可以在许多场景中替代Firebase。它是用Go编写的,但最终充当前端JavaScript应用程序的后端。它使用SQLite,您还可以获得一个内置的管理仪表板,其中包含文件和用户管理。ProtoScript:ProtocolBuffers运行时和代码生成工具:运行时比Google的小得多,代码生成器生成带有JSON(反)序列化器和TSDoc注释的惯用JavaScript。Deprank:使用PageRank在您的代码库中查找重要文件:PageRank是一种算法,通常与Google过去如何对网页进行排名有关,但该想法可应用于对任何类型的链接项集中的内容进行排名,如此处所示。tsParticles:Particles,Confetti,andFireworksforPages:创建可自定义的粒子相关效果以在网络上使用。广泛支持使用常规2D画布。AmplifyUIforReact现已普遍可用:Amplify是一个将各种AWS服务捆绑在一起的子平台,使它们更易于用于前端和移动项目。其中一部分是AmplifyUI,它是一组直接连接到AWS云的React组件(可以使用Vue和Angular变体)。Wayne:它就像Express.js,但在ServiceWorkers内部:具体来说,它是一个在ServiceWorkers内部使用的路由库。