What’s new in ECMAScript 2022, Chrome 103, Edge 103, Polypane 9.1, TypeScript 4.8 Beta, and more | Front End News #070
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.
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
inoperator - Top-level
awaitin 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:
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.
Browser news
GitHub published an article describing their approach to browser support, some usage patterns, and how they deal with older 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:
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:
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.
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.
Software updates and releases
- Adapt Framework v5.20.0 - creating responsive, accessible, multilanguage HTML5 e-learning courses.
- Angular ESLint v14.0.0 - all the tooling to use ESLint with Angular
- Boring Avatars v1.7.0 - generates custom, SVG-based avatars from any username and color palette.
- Capacitor 3.6.0 - build cross-platform Native Progressive Web Apps
- ESLint v8.18.0 -
- Fastify v4.1.0 - fast and low overhead web framework, for Node.js
- flag-icons v6.6.2 - a curated collection of all country flags in SVG and CSS
- Fontkit v2.0.0 - an advanced font engine for Node and the browser
- Gatsby v4.17 - Build blazing fast, modern apps and websites with React
- Hugo v0.101.0 - Very fast Static Site Generator written in Go
- html-react-parser v2.0.0 - HTML to React parser
- melonJS 2 v11.0.0 - a fresh, modern, and lightweight HTML5 game engine
- Partytown v0.6.2 - run third-party scripts from a web worker
- PrimeVue 3.15.0 - Next Generation Vue UI Component Library
- Puppeteer v15.1.0 - Headless Chrome Node.js API
- React Native 0.69 - build native applications using React
- TypeScript 4.8 Beta - a superset of JavaScript that compiles to clean JavaScript output
- Vue 2.7 Beta - a JavaScript framework for building UI on the web.
Front End Resources
- Basicons - Basic icons for product design and development
- Blob Animation - Generate smooth animated blobs
- Humbleicons - Free icons for your better UI
- Ingradients - Hand-picked mesh gradients
- Random Favicon Generator - Generate favicon from random
- Simple Icons - Free SVG icons for popular brands
- SVG Gradients - Free SVG Mesh gradients
- Tabler - Free and open source icons
- TinyWow - Tools that solve your file problems
There's more where that came from. Explore the rest of the Front End Resource collection.
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 🇺🇦 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
- ❤️ follow this newsletter on Twitter
- ☕ buy me a coffee
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!