What’s new in ECMAScript 2022?
#595 — June 24, 2022
Dr. Axel Rauschmayer
In Defense of Blocks to Create Localized Scope — Kyle Simpson (of YDKJS fame) pops up to give his thoughts on a recently popular article about using ‘block statements’ to group code together which attracted some criticism. In short, Kyle’s a big fan of the approach.
Frontend Masters sponsor
What the React Team is Working On Now — With the React 18 launch behind them, the React team has turned their attention to the future and this post gives some detailed hints of what’s going on. It’s not a road map, though, and they stress that some of what’s discussed many not even materialize as-is.
The React.js Team
The beta of TypeScript 4.8 is here, complete with performance improvements and, as usual, a handful of intricately geeky type inference enhancements.
💰 The company behind Deno has raised $21m in a series A funding round. The money will help them take the V8 isolates-based Deno Deploy service to the next level.
Vue 2.7 is in beta. “2.7,” you say? Some Vue 3 features have been backported and it’s aimed at folks who need to stay on Vue 2.x due to dependencies.
Angular ESLint 14.0
FontKit 2.0– Advanced font engine for Node and the browser.
melonJS 11.0 – 2D sprite-based game engine.
Fastify 4.1 – Popular low overhead Node web framework.
Capacitor 3.6 – Build cross-platform native apps with JS.
Partytown 0.6.2 – Relocate intensive code into Web Worker threads.
React Native 0.69 – Hello React 18 support!
Senior Software Engineer at This Dot Labs (Remote, Worldwide) — Great benefits working in modern tech stacks and amazing clients such as Google, Meta, Twilio, Cloudinary, Roblox, and more.
This Dot Labs
📒 Articles & Tutorials
Using Playwright Test to Run Unit Tests — A comparison of Playwright’s new test runner versus ‘traditional’ approaches like Jest and Mocha.
Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut — The best issue tracking software is one that software developers are actually happy to use. Try it for free today.
Shortcut (formerly Clubhouse.io) sponsor
Alternatives to Installing npm Packages Globally — A topic often prone to tripping folks up.
Dr. Axel Rauschmayer
Random Notes Around Service Workers Development and Testing — “a bunch of tips and tricks I learned through the years around service workers”
Observability for Your Jest Tests
Buildkite Test Analytics sponsor
How to Create a Vanilla JS Gantt Chart — The first part came out in August last year if you want to catch up.
Sponsoring Dependencies: The Next Step in Open Source Sustainability
Nicholas C Zakas
▶ Discussing the Art of Authoring Browser Extensions with Tim Leland
Syntax Podcast podcast
🛠 Code & Tools
Puppeteer 15.0: Control Headless Chrome from Node — Playwright has picked up a lot of the browser control market in recent years, but the popular Chrome-oriented Puppeteer remains a fantastic option if you don’t need to support multiple browsers. It now uses Chromium 103 and supports Node 18.
Deep Persistent Proxy Objects: Automatically Persist JS Objects in IndexedDB — Create and maintain objects that automatically back themselves up to IndexedDB behind the scenes, so that if you refresh or restart the app in the browser, the object’s content is automatically restored to its previous state.
Tired of Manually Managing Your Content Security Policies? — Meet DomainGuard! DomainGuard gives you customization, automation, and optimization—all in one single Content Security Policy solution.
Feroot Security sponsor
main-thread-scheduling 6.0: Consistently Responsive Apps While Staying on the Main Thread — An alternative to the Web Workers approach that uses the approach of stopping tasks executing when the user interacts with the UI. Interesting ideas here.
React Joyride: Create Guided Tours in Your Apps — Uses react-floater to position and style floating ‘tour guide’ elements. GitHub repo.
PSD 0.2: Zero-Dependency PSD (Photoshop) Parser — For both browser and Node.js. GitHub repo.
Reactime 14.0: A Chrome Developer Tool for Time Travel Debugging in React Apps — v14 introduces support for apps using React Router.
😍 A lovely splash of paint..