Deno and Svelte received the award for the Breakthrough of the Year category.
Deno supports WebAssembly, allowing native libraries written in compiles-to-WebAssembly languages (Rust, Go, C++, and more) to run inside a Deno application.
Svelte is a component-based UI framework to build interactive web applications — like React or Vue. Unlike React and Vue, Svelte compiles the written code for the application at build time and strives to generate small and performant compiled code.
Mock Service Worker received the award for the most exciting use of technology. Mock Service Worker (MSW) is an API mocking library for the browser and Node. MSW explained how it works as follows:
Browser usage is what sets Mock Service Worker apart from other tools. Utilizing the Service Worker API that intercepts requests for the purpose of caching, Mock Service Worker responds to captured requests with your mock definition on the network level. This way your application knows nothing about the mocking.
MSW enables API mocking when developing, testing, and debugging without mocking
fetch or having a back-end. MSW supports REST and GraphQL APIs.
Pose Animator won the award for the fun side project of the year. According to its documentation, Pose Animator takes a 2D vector illustration and animates its containing curves in real-time based on the recognition result from PoseNet and FaceMesh.
It borrows the idea of skeleton-based animation from computer graphics and applies it to vector characters:
The award for the most impactful contribution to the community goes to Perfume.js. The library self-describes as a web performance library for measuring all user-centric performance metrics. Perfume.js leverages the latest Performance APIs like High Resolution Time to collect field data measuring what real-world users are experiencing. The collected data include First Paint (FP), First Contentful Paint (FCP), Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS), Total Blocking Time (TBT), Navigation Timing, Resource Timing, and more. The collected data can then be fed to an analytic tool for monitoring:
Perfume additionally includes in the measured data additional information related to the devices’ capabilities (device memory, number of CPUs, and status of the service worker).
Rich Harris, Svelte’s creator, recently demoed at the Svelte Summit conference the ongoing work on the next version of Svelte (svelte@next), which uses Snowpack in development. Harris explained:
I think we are going to get to a point pretty soon where projects that use bundlers during development are going to look a little bit antiquated.