We all are Ukraine, the new MDN, Chrome 99, Edge 99, Safari Technology Preview 141, TypeScript 4.6 | Front End News #054
Tags: news, frontendnews, newsletter
Published: 2022-03-07 16:21:24

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

***

This week the web design and development community rally in support of Ukraine, and there are many ways one can help. MDN has unveiled a new design, a new logo, and plans for a customized experience. Interop 2022 has been officially announced by all major parties involved.

In browser news, Chrome 99 and Edge 99 updates are rolling out to users, while Safari Technology Preview 141 brings a lot of fixes and improvements.

Last, but not least, Typescript 4.6 has been officially released. Other releases in this last interval are Gatsby v4.9, Node v17.6.0, Redux Toolkit v1.8.0, and more.

***

## We All Are Ukraine

It's a sad reality that in the 21st century a European nation is being invaded. So what can we do to help people caught in this tragedy? Vitaly Friedman, the co-founder of Smashing Magazine, wrote a rallying article on all ways the community can provide support. On top of that, they are donating all the income from the sale of some of their products to support Ukraine.

- [We All Are Ukraine](https://www.smashingmagazine.com/2022/03/we-all-are-ukraine/)

***

## A new year, a new MDN

MDN has just received a new look and logo that the community itself helped choose. Here are just a few of the changes that took place:

- the homepage has been redesigned with a focus on search, the community, and the contributors
- both light and dark modes are available
- article pages have been redesigned for better accessibility

Coming soon is MDN Plus, a subscription service that will allow you to customize your MDN experience.

- [A new year, a new MDN](https://hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/)

***

## Interop 2022 - the official announcements

I've mentioned Interop 2022 in the previous issue, as the continuation of the efforts to improve cross-browser compatibility. Meanwhile, the official announcements have been made and I collected them all for you to check.

- [Goole Chrome: Interop 2022: browsers working together to improve the web for developers]()
- [Mozilla: Announcing Interop 2022](https://hacks.mozilla.org/2022/03/interop-2022/)
- [Apple: Working together on Interop 2022](https://webkit.org/blog/12288/working-together-on-interop-2022/)
- [Microsoft Edge and Interop 2022](https://blogs.windows.com/msedgedev/2022/03/03/microsoft-edge-and-interop-2022/)
- [Bocoup and Interop 2022](https://bocoup.com/blog/interop-2022)
- [Igalia and Interop 2022](https://www.igalia.com/news/interop2022.html)

***

## Browser news

### Chrome

The Chrome 99 update is rolling out now. It is the last of the two-digit versions and the main feature it brings is the support for CSS Cascade Layers.

- [New in Chrome 99](https://developer.chrome.com/blog/new-in-chrome-99/)
- [What's New In DevTools (Chrome 99)](https://developer.chrome.com/blog/new-in-devtools-99/)
- [Deprecations and removals in Chrome 99](https://developer.chrome.com/blog/deps-rems-99/)

### Edge

Edge 99 is also rolling out. Their feature list is more focused though on the user experience, password management, and the upcoming shift to three digits in the user agent string.

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

### WebKit

Safari Technology Preview 141 brings a long list of changes and fixes, however, nothing stands out to me. Feel free to check out the release notes for more details.

- [Release Notes for Safari Technology Preview 141](https://webkit.org/blog/12434/release-notes-for-safari-technology-preview-141/)


***

## Software updates and releases

- **[Gatsby v4.9](https://www.gatsbyjs.com/docs/reference/release-notes/v4.9/)** - build blazing fast, modern apps and websites with React
- **[history v5.3.0](https://github.com/remix-run/history/releases/tag/v5.3.0)** - manage session history with JavaScript
- **[Jasmine Core 4.0.1](https://github.com/jasmine/jasmine/blob/main/release_notes/4.0.1.md)** - a simple JavaScript testing framework for browsers and node.js
- **[Nest v8.4.0](https://github.com/nestjs/nest/releases/tag/v8.4.0)** - Node.js server-side framework
- **[Node v17.6.0](https://nodejs.org/en/blog/release/v17.6.0/)**
- **[Parcel CSS v1.4.0](https://github.com/parcel-bundler/parcel-css/releases/tag/v1.4.0)** - a CSS parser, transformer, and minifier written in Rust
- **[Playwright Test v1.19](https://github.com/microsoft/playwright/releases/tag/v1.19.0)** - a framework for Web Testing and Automation
- **[Qooxdoo v7.0.0](https://qooxdoo.org/)** - universal JavaScript framework
- **[React-Bootstrap v2.2.0](https://github.com/react-bootstrap/react-bootstrap/releases/tag/v2.2.0)** - Bootstrap components built with React
- **[Redux Toolkit v1.8.0](https://github.com/reduxjs/redux-toolkit/releases/tag/v1.8.0)** - the official toolset for Redux development
- **[TypeScript 4.6](https://devblogs.microsoft.com/typescript/announcing-typescript-4-6/)** - a superset of JavaScript that compiles to clean JavaScript output
- **[zx 5.2.0](https://github.com/google/zx/releases/tag/5.2.0)** - a tool for writing better scripts

***

## Wrapping things up

That's about all I have for this issue. If you enjoyed this newsletter, there are a couple of ways to support it. You can share the [link to this issue](https://frontendnexus.com/news/054/) on social media, and follow this newsletter on [Twitter](https://twitter.com/frontendnexus). Each one of these helps me out, and I would appreciate your consideration.

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!