State of JS 2022 Results, Interop 2022 update, Chrome 109, Edge 109, Safari 16.2, TypeScript 4.6, and more | Front End News #088
Tags: news, newsletter, frontendnews
Published: 2023-01-24 05:19:25

> **NOTE:** This is issue #088 of my newsletter, which went live on Monday, January 16th. If you find this information useful and interesting and you want to receive future issues as they are published, ahead of everyone else, I invite you to join the subscriber list at [frontendnexus.com](https://frontendnexus.com/).

***

In this edition, we explore the results of the 2022 State of JS survey. We get an update on the progress done with Interop 2022 and a glimpse of the plans for the future of the initiative.

In browser news, we have the December roundup, the release of Chrome 109, Edge 109, Safari 16.2, and a pair of updates to Safari Technology Preview. On the release radar, we find, among other entries, Angular 15.1, Axios v1.0, SvelteKit 1.0, and TypeScript 4.6. Last, but not least, we have a handful of utilities and a large set of AI-generated faces to use in your projects.

***

## State of JS 2022 Results

State of JS unveiled the results of the 2022 edition. Established frameworks like React, Angular, or Vue have matured, and developers are more aware of all trade-offs and rough edges they have. Svelte, Solid, and Qwik lead the wave of innovations into better performance. And the MVP of the edition is Vite, who got the awards for "most adopted technology", "highest retention", and "highest interest".

- [State of JS 2022 Results](https://2022.stateofjs.com/en-US/)

***

## Interop 2022: end of year update

Interop 2022 is over, and the results are great for both developers and users. At the end of 2022, all major browsers have implemented Cascade Layers, the `dialog` element, and the extended set of viewport units. Chrome and Edge continue working on implementing CSS Subgrid. And all browser vendors are hard at work on the Color4 feature set.

- [Interop 2022: end of year update](https://web.dev/interop-2022-wrapup/)

***

## Browser news

December 2022 brought us Firefox 108 and Safari 16.2, and the release of many other features, such as trigonometric CSS functions, `last baseline` for flexbox and grid, and more.

- [New to the web platform in December](https://web.dev/web-platform-12-2022/)

### Chrome

Chrome 109 rolled out on January 10. It brings the Origin Private File System API for Android users, support for new CSS properties, MathML Core support, and more.

- [New in Chrome 109](https://developer.chrome.com/blog/new-in-chrome-109/)
- [What's New In DevTools (Chrome 109)](https://developer.chrome.com/blog/new-in-devtools-109/)

Chrome 110 will mark a change in the release schedule. Some users will receive the update a week earlier - an "early stable" release. This will allow better monitoring of the release before it affects too many people.

- [Change in release schedule from Chrome 110](https://developer.chrome.com/blog/early-stable/)

### Edge

Edge 109 rolled out as well. You can now link a personal Microsoft account with an Azure Active Directory one. There are updates to the TLS server certificate verification procedure. And the text prediction has been tweaked too.

- [Microsoft Edge 109 Release Notes](https://learn.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-1090151849-january-12-2023)

### WebKit

Safari 16.2 was the last major release of 2022. It brings new font features, `last-baseline` for flexbox and grid, and many fixes and polishes.

- [WebKit Features in Safari 16.2](https://www.webkit.org/blog/13591/webkit-features-in-safari-16-2/)
- [Safari 16.2 Release Notes](https://developer.apple.com/documentation/safari-release-notes/safari-16_2-release-notes)

We also got the release notes for Safari 16.3 Beta. So far, this update fixes even more existing issues.

- [Safari 16.3 Beta Release Notes](https://developer.apple.com/documentation/safari-release-notes/safari-16_3-release-notes)

Rounding up the WebKit section are the latest two updates (160 and 161) to Safari Technology Preview. They will bring support for media queries level 4, width and height content attributes to `<model>`, experimental support for WebCodecs AV1, and more.

- [Release Notes for Safari Technology Preview 160](https://webkit.org/blog/13639/release-notes-for-safari-technology-preview-160/)
- [Release Notes for Safari Technology Preview 161](https://webkit.org/blog/13686/release-notes-for-safari-technology-preview-161/)

***

## Software updates and releases

- **[Angular 15.1](https://github.com/angular/angular/releases/tag/15.1.0)** - The modern web developer’s platform
- **[Axios v1.0.0](https://github.com/axios/axios/releases/tag/v1.0.0)** - Promise based HTTP client for the browser and node.js
- **[Chart.js 4.0](https://github.com/chartjs/Chart.js/releases/tag/v4.0.0-release)** - Simple HTML5 Charts using the `<canvas>` tag
- **[Gatsby v5.3](https://www.gatsbyjs.com/docs/reference/release-notes/v5.3/)** - Build modern websites with React
- **[jQuery 3.6.2](https://blog.jquery.com/2022/12/13/jquery-3-6-2-released/)** | **[jQuery 3.6.3](https://blog.jquery.com/2022/12/20/jquery-3-6-3-released-a-quick-selector-fix/)** - jQuery JavaScript Library
- **[Kea 3.0](https://keajs.org/blog/kea-3.0)** - Production Ready State Management for React
- **[Lerna v6.4.0](https://github.com/lerna/lerna/releases/tag/v6.4.0)** - manage and publish multiple JavaScript/TypeScript packages from the same repository
- **[Node v18.13.0 (LTS)](https://nodejs.org/en/blog/release/v18.13.0/)** | **[Node v19.4.0 (Current)](https://nodejs.org/en/blog/release/v19.4.0/)** - an asynchronous event-driven JavaScript runtime
- **[NodeBB 2.8.0](https://github.com/NodeBB/NodeBB/releases/tag/v2.8.0)** - Node.js based forum software built for the modern web
- **[Pino v8.8.0](https://github.com/pinojs/pino/releases/tag/v8.8.0)** - super fast, all-natural JSON logger
- **[PouchDB 8.0.0](https://pouchdb.com/2022/12/14/pouchdb-8.0.0.html)** - a pocket-sized database
- **[Scene.js 1.9.0](https://github.com/daybrush/scenejs/releases/tag/1.9.0)** - a JavaScript & CSS timeline-based animation library
- **[Spacetime v7.4.0](https://github.com/spencermountain/spacetime/releases/tag/7.4.0)** - A lightweight javascript timezone library
- **[Storybook 7.0 beta](https://storybook.js.org/blog/7-0-beta/)** - Build bulletproof user interfaces
- **[SvelteKit 1.0](https://svelte.dev/blog/announcing-sveltekit-1.0)** - Web development, streamlined
- **[SWR 2.0](https://swr.vercel.app/blog/swr-v2)** - React Hooks for Data Fetching
- **[TypeScript 4.6](https://devblogs.microsoft.com/typescript/announcing-typescript-4-6/)** - a superset of JavaScript that compiles to clean JavaScript output
- **[Vuetify v3.1.0](https://github.com/vuetifyjs/vuetify/releases/tag/v3.1.0)** - Vue Component Framework
- **[Wretch 2.3.0](https://github.com/elbywan/wretch/releases/tag/2.3.0)** - A tiny wrapper built around fetch with an intuitive syntax

***

## Front End Resources

- **[Fancy Border Radius](https://9elements.github.io/fancy-border-radius/)** - build organic looking shapes
- **[Flat UI Color Picker](https://www.flatuicolorpicker.com/)** - gives you the perfect colors for Flat Design
- **[Lorem Faces](https://loremfaces.com/)** - AI-generated faces for your web projects and designs
- **[Unfake.png](https://unfakepng.com/)** - Use AI to turn fake PNGs to true PNGs

There's more where that came from. Explore the rest of the [Front End Resource collection](https://frontendnexus.com/resources/).

***

## Wrapping things up

This concludes the first issue for 2023. Going forward I am changing the schedule for the newsletter, from a weekly release to one every two weeks. There are a few reasons for this. First, I want more time to spend with my family. Second, there are some updates I want to do to the website. Last but not least, I want to kickstart another project that I've kept on the back burner for too long.

***

Ukraine is still suffering from the Russian invasion - if you are looking for ways to help, please check Smashing Magazine's article [We All Are Ukraine 🇺🇦](https://www.smashingmagazine.com/2022/02/we-all-are-ukraine/) or get in touch with your trusted charity.

If you enjoyed this newsletter, there are a couple of ways to support it:

- 📢 [share the link to this issue on social media](https://frontendnexus.com/news/088/)
- ❤️ [follow this newsletter on Twitter](https://twitter.com/frontendnexus)
- ☕ [buy me a coffee](https://ko-fi.com/adriansandu)

Each of these helps me out, and I would appreciate your consideration.

That's all I have for this issue. Have a great and productive week, keep yourselves safe, spend as much time as possible with your loved ones, and I will see you again next time!