What’s new in ECMAScript 2022, Chrome 103, Edge 103, Polypane 9.1, TypeScript 4.8 Beta, and more | Front End News #070
Tags: news, frontendnews, newsletter
Published: 2022-06-27 06:40:09

> **NOTE:** This is issue #070 of my newsletter, which went live on Monday, June 27th. 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/).

***

We have a lot of interesting topics this week. First, is the official approval of ECMAScript 2022. Stack Overflow published the results for the 2022 Developer Survey. And we find out how GitHub deals with browsers, old and new.

There are many browser releases as well. Chrome and Microsoft Edge rolled out their 103 update. Polypane 9.1 is now available. And you can give Safari Technology Preview 147 a try to test most of the new features from Safari 16.

The Software Updates of the week include ESLint 8.18, TypeScript 4.8 Beta, Vue 2.7 Beta, and more. And I handpicked a nice set of icons, tools, and generators in the Resources section.

***

## What’s new in ECMAScript 2022

ECMAScript 2022 is now officially a standard. Dr. Axel Rauschmayer tells us what's new in this update:

- New members of classes
- Private slot checks via the `in` operator
- Top-level `await` in modules
- Find the cause of an error with `error.cause`
- Method `.at()` of indexable values
- RegExp match indices
- `Object.hasOwn(obj, propKey)`

More info on all this can be found in the article below:

- [Ecma International approves ECMAScript 2022: What’s new?](https://2ality.com/2022/06/ecmascript-2022.html)

***

## Stack Overflow 2022 Developer Survey

Each year Stack Overflow takes the pulse of the developer community. This year over 70000 developers answered the survey. Here are some of the highlights:

- More people learned how to code online (from 60% to 70% year over year)
- Docker is a fundamental tool for developers (from 55% to 69%)
- React.js is the most wanted web framework (fifth year)
- Angular.js is the most dreaded one (third year).
- 85% of developers say their organizations are at least partially remote.

As all this is just scratching the surface, I invite you to check the full report.

- [Stack Overflow 2022 Developer Survey Results](https://survey.stackoverflow.co/2022/)

***

## Browser news

GitHub published an article describing their approach to browser support, some usage patterns, and how they deal with older browsers.

- [How GitHub thinks about browsers](https://github.blog/2022-06-10-how-we-think-about-browsers/)

### Chrome

Chrome 103 rolled out last week. Here are the important changes that come with this update.

- Help your browser preload resources before page load with the new `HTTP 103 status code`
- Query fonts installed locally with the **Local Font Access API**
- Timeouts are now easier with `AbortSignal.timeout()`

More details on each feature can be found in the release notes:

- [New in Chrome 103](https://developer.chrome.com/blog/new-in-chrome-103/)

### Edge

Microsoft Edge also released the 103 update. Their release notes are the usual obscure ones, but here are the main features I was able to extract:

- Ability to control automatic profile switching.
- Clear the remembered certificate and resurface the certificate picker with the Client Certificate Switcher.
- More reliable web defense with the rewritten Microsoft Defender SmartScreen library

More details on each feature can be found in the release notes:

- [Release notes for Microsoft Edge Stable Channel](https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-1030126437-june-23)

### Polypane

There is a new version from Polypane as well. Update 9.1 brings Chromium 102, form autofilling, fast overview screenshot, outline panel overlays, and a lot more.

- [Polypane 9.1: Form autofilling, fast overview screenshot, and outline panel overlays](https://polypane.app/blog/polypane-9-1-form-autofilling-fast-overview-screenshot-and-outline-panel-overlays/)

### WebKit

Safari Technology Preview 147 is out and includes many of the new Safari 16 features: Live Text, Web Technologies updates, Web Push, Passkeys, and more.

- [Release Notes for Safari Technology Preview 147 with Safari 16 Features](https://webkit.org/blog/12960/release-notes-for-safari-technology-preview-147-with-safari-16-features/)

***

## Software updates and releases

- **[Adapt Framework v5.20.0](https://github.com/adaptlearning/adapt_framework/releases/tag/v5.20.0)** - creating responsive, accessible, multilanguage HTML5 e-learning courses.
- **[Angular ESLint v14.0.0](https://github.com/angular-eslint/angular-eslint/releases/tag/v14.0.0)** - all the tooling to use ESLint with Angular
- **[Boring Avatars v1.7.0](https://github.com/boringdesigners/boring-avatars/releases/tag/v1.7.0)** - generates custom, SVG-based avatars from any username and color palette.
- **[Capacitor 3.6.0](https://github.com/ionic-team/capacitor/releases/tag/3.6.0)** - build cross-platform Native Progressive Web Apps
- **[ESLint v8.18.0](https://github.com/eslint/eslint/releases/tag/v8.18.0)** -
- **[Fastify v4.1.0](https://github.com/fastify/fastify/releases/tag/v4.1.0)** - fast and low overhead web framework, for Node.js
- **[flag-icons v6.6.2](https://github.com/lipis/flag-icons/releases/tag/v6.6.2)** - a curated collection of all country flags in SVG and CSS
- **[Fontkit v2.0.0](https://github.com/foliojs/fontkit/releases/tag/v2.0.0)** - an advanced font engine for Node and the browser
- **[Gatsby v4.17](https://www.gatsbyjs.com/docs/reference/release-notes/v4.17/)** - Build blazing fast, modern apps and websites with React
- **[Hugo v0.101.0](https://github.com/gohugoio/hugo/releases/tag/v0.101.0)** - Very fast Static Site Generator written in Go
- **[html-react-parser v2.0.0](https://github.com/remarkablemark/html-react-parser/releases/tag/v2.0.0)** - HTML to React parser
- **[melonJS 2 v11.0.0](https://github.com/melonjs/melonJS/releases/tag/11.0.0)** - a fresh, modern, and lightweight HTML5 game engine
- **[Partytown v0.6.2](https://github.com/BuilderIO/partytown/releases/tag/v0.6.2)** - run third-party scripts from a web worker
- **[PrimeVue 3.15.0](https://github.com/primefaces/primevue/releases/tag/3.15.0)** - Next Generation Vue UI Component Library
- **[Puppeteer v15.1.0](https://github.com/puppeteer/puppeteer/releases/tag/v15.1.0)** - Headless Chrome Node.js API
- **[React Native 0.69](https://reactnative.dev/blog/2022/06/21/version-069)** - build native applications using React
- **[TypeScript 4.8 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-8-beta/)** - a superset of JavaScript that compiles to clean JavaScript output
- **[Vue 2.7 Beta](https://blog.vuejs.org/posts/vue-2-7-beta.html)** - a JavaScript framework for building UI on the web.

***

## Front End Resources

- **[Basicons](https://basicons.xyz/)** - Basic icons for product design and development
- **[Blob Animation](https://blobanimation.com/)** - Generate smooth animated blobs
- **[Humbleicons](https://humbleicons.com/)** - Free icons for your better UI
- **[Ingradients](https://ingradients.net/)** - Hand-picked mesh gradients
- **[Random Favicon Generator](https://toolcool.org/random-favicon-generator/)** - Generate favicon from random
- **[Simple Icons](https://simpleicons.org/)** - Free SVG icons for popular brands
- **[SVG Gradients](https://meshedup.dev/)** - Free SVG Mesh gradients
- **[Tabler](https://tabler-icons.io/)** - Free and open source icons
- **[TinyWow](https://tinywow.com/)** - Tools that solve your file problems

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

***

## Wrapping things up

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/070/)
- ❤️ [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!