---
title: "Angular 13, V8 9.7, and Puppeteer 11"
publication: "JavaScript Weekly"
issue: 563
published_at: "2021-11-05"
canonical_url: "https://javascriptweekly.com/issues/563"
---

Plus MS brings more JavaScript to Excel, a tool for comparing performnce of JS snippets, and more. |        

#​563 — November 5, 2021 

[Unsubscribe](https://javascriptweekly.com/leave/*|UID|*)|[Read on the Web](https://javascriptweekly.com/issues/563)   

JavaScript Weekly 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/j9dse6c4bgs3xz9notdw.jpg)](https://developer.chrome.com/docs/devtools/recorder/)   

[Chrome's New Feature to Record and Replay User Flows](https://developer.chrome.com/docs/devtools/recorder/) — It’s only a preview feature in Canary builds right now, but Chrome is adding a new _Recorder_ panel to its DevTools which lets you record and replay a string of actions on a page (including under simulated slow network conditions). You can also measure the flow and get a performance trace for analysis. 

Jecelyn Yeen (Google)   

[Angular 13 Released](https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296) — Despite sentiment on social media, Angular continues to be a hugely popular framework, particularly in enterprise situations and v13 continues to push things forward with more of the [Ivy](https://developer.okta.com/blog/2020/02/12/angular-ivy) related improvements coming through. 

Mark Thompson   [![\](https://copm.s3.amazonaws.com/252b769b.png)](https://www.appsignal.com/nodejs?utm_source=javascript-weekly-sponsored&utm_medium=email&utm_campaign=2021-05-11) 

[Another Bug Bites the Dust](https://www.appsignal.com/nodejs?utm_source=javascript-weekly-sponsored&utm_medium=email&utm_campaign=2021-05-11) — AppSignal is an easy-to-use error and performance monitoring tool. We support the most popular Node.js frameworks and packages out-of-the-box. All features are included in all plans. Start a trial and send us your address for a box of Dutch cookies. 

AppSignal sponsor   

[Microsoft Brings (More) JavaScript to Excel](https://techcrunch.com/2021/11/02/microsoft-brings-javascript-to-excel/) — At its latest Ignite conference, Microsoft unveiled an Excel update (currently in ‘preview’) that introduces a new JavaScript API for creating custom data types and functions based on them. [More details here](https://devblogs.microsoft.com/microsoft365dev/ignite-2021-excel-add-ins-and-data-types/). 

TechCrunch   

[Announcing TypeScript 4.5 RC](https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-rc/) — The first release candidate of TypeScript 4.5 is here with no changes now expected before the final release. We’ll focus more on the final release but a big change with this RC is deferring the promised ESM support for Node.js. 

Daniel Rosenwasser and the TypeScript Team   

**QUICK BITS:** 

- The V8 team has created [the V8 v9.7 branch](https://v8.dev/blog/v8-release-97) which introduces two new Array methods (`findLast` and `findLastIndex`) without needing a flag.
- Two more npm packages have [had malicious code injected](https://www.bleepingcomputer.com/news/security/popular-coa-npm-library-hijacked-to-steal-user-passwords/) by hijackers, this time it's `coa` and `rc`, both of which get millions of downloads per week.
- Jeremy Wagner has written and now published, with _A Book Apart_, [a new book called _Responsible JavaScript_](https://jeremy.codes/blog/i-went-and-wrote-a-book/).
- Nat Friedman, who has been a fantastic steward and CEO for GitHub since its acquisition by Microsoft, [is moving on](https://github.blog/2021-11-03-thank-you-github/) and handing the reins [over to Thomas Dohmke](https://github.blog/2021-11-03-building-the-next-phase-of-github-together/).
- Talking of GitHub, if you fancy building a game in JavaScript consider joining their [Game Off 2021 event](https://github.blog/2021-11-01-game-off-2021-theme-announcement/) – you get till December 1 to submit an entry.   

**RELEASES:** 

[Visual Studio Code (October)](https://code.visualstudio.com/updates/v1_62) – Light on JS updates this time.
 [axios-hooks 3.0](https://github.com/simoneb/axios-hooks) – React hooks for Axios.
 [Recoil 0.5.0](https://github.com/facebookexperimental/Recoil/releases/tag/0.5.0) – Experimental React state management library.
 [Marked 4.0](https://github.com/markedjs/marked) – Markdown parser and compiler.
 [jqGrid 5.6](https://github.com/tonytomov/jqGrid) – jQuery tabular data grid plugin.
 [Rollup 2.59.0](https://github.com/rollup/rollup/releases/tag/v2.59.0) – ES module bundler.
 [Puppeteer 11](https://github.com/puppeteer/puppeteer/releases/tag/v11.0.0) – Headless Chrome Node.js API.    

💻 Jobs  

[JavaScript Developer at X-Team (Remote)](https://x-team.com/remote-javascript-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=cooperpress-js&utm_content=js) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more. 
X-Team   

[Software Engineer](https://www.stickermule.com/career/7e6bb5ee-9953-4d46-b008-77a3bbc4ee29) — Join our "kick ass" team. Our software team operates from 17 countries and we're always looking for more exceptional engineers. 
Sticker Mule   

[Find JavaScript Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-javascriptweekly%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. 
Hired    

📖 Tutorials, Opinions & Stories 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/yl5owoparaceypzejnrx.jpg)](https://www.youtube.com/watch?v=860d8usGC0o)  

▶[Have Single-Page Apps Ruined the Web?](https://www.youtube.com/watch?v=860d8usGC0o) — The creator of frontend framework Svelte talks about the criticisms lodged towards single-page apps and how ‘transitional apps’ may be the way forward. Lots of good insights here that will probably make you feel a bit smarter afterward too. 

Rich Harris   

[Developer Tools Secrets That Shouldn’t Be Secrets](https://christianheilmann.com/2021/11/01/developer-tools-secrets-that-shouldnt-be-secrets/) — An Edge-focused look at console power tips, how to use browser developer tools outside the browser, and more. 

Christian Heilmann   

[Visualizing Time Series Data with the Highcharts Library and InfluxDB](https://www.influxdata.com/blog/visualizing-time-series-data-with-highcharts-library-influxdb/?utm_source=vendor&utm_medium=referral&utm_campaign=2021-11-05_spnsr-nl_highcharts-and-influxdb_global&utm_content=javascriptweekly) — Learn how to use Highcharts library to understand and act on IoT data in this hands-on tutorial. 

InfluxData sponsor   

[Creating the Effect of Transparent Glass and Plastic with Three.js](https://tympanus.net/codrops/2021/10/27/creating-the-effect-of-transparent-glass-and-plastic-in-three-js/) — The effects you can pull off in the browser nowadays continue to impress me as someone who grew up on 8-bit graphics(!) ;-) 

Kelly Milligan   

[How to Show/Hide Elements in Vue](https://dmitripavlutin.com/vue-show-hide-elements/) — How to use `v-if`, `v-show` and `:class` to show/hide elements in Vue. 

Dmitri Pavlutin   

▶[What is Astro?](https://www.smashingmagazine.com/2021/11/smashing-podcast-episode-43/) — Drew McLellan talks to developer Matthew Phillips about [the modern static site builder.](https://docs.astro.build/getting-started/) 

Smashing Podcast podcast   

[Best Practices for Embedding Third-Party Web Widgets](https://blog.bitsrc.io/best-practices-for-web-embeds-a65416a21fc2) 
Ravidu Perera   

[Proxying Third-Party JavaScript as First-Party JavaScript (and the Potential Effect on Analytics)](https://css-tricks.com/proxying-third-party-javascript-as-first-party-javascript-and-the-potential-effect-on-analytics/) 
Chris Coyier   

[How to Deploy a Vue.js 3 App on Azure Static Web Apps](https://www.iamobinna.com/posts/how-to-deploy-a-vuejs-3-application-on-microsoft-azure-static-web-apps/) 
Obinna Odirionye  

🛠 Code & Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ubnnyasodsip3ke51bey.jpg)](https://hasty.dev/)  

[Hasty: A JavaScript Snippet Perfomance Comparison Tool](https://hasty.dev/) — A quick, easy-to-use online tool that lets you test variations of a particular snippet to see which one performs best. A bit like _jsPerf_ from the old day, or other tools like [perf.link](https://perf.link/) and[jsBench](http://jsbench.github.io/). 

Mads Cordes   

[Coding Font: A 'Game' to Find Your New Favorite Code Font](https://www.codingfont.com/) — This is a fun idea. It throws over 25 popular developer-oriented fonts into a ‘tournament’ and you then pick your favorites until you’re left with a winner. (It was _JetBrains Mono_ for me.) 

Typogram   

[Dynamic Charts Based on Data Selection in Angular](https://www.telerik.com/blogs/generating-charts-based-on-data-in-your-kendo-ui-grid?utm_medium=cpm&utm_source=fefocus&utm_campaign=kendo-ui-angular-awareness-general) — Ever had users asking to be able to generate their own charts? This tutorial shows you how easy it can be with Kendo UI for Angular. 

Progress Kendo UI for Angular sponsor   

[History: An API to Manage Session History with JavaScript](https://github.com/remix-run/history) — The [getting started docs](https://github.com/remix-run/history/blob/main/docs/getting-started.md) give a great look at why and where you’d use this. 

Remix   

[Depp: Check `npm` Modules for Unused and Duplicate Dependencies Fast](https://github.com/CryogenicPlanet/depp) — A new Go-powered tool you run from your JavaScript/TypeScript project’s folder to look for unused dependencies. 

Rahul Tarak   

[Prisma 3.4.0 Released: The Popular 'Next Gen' ORM and Toolset](https://github.com/prisma/prisma/releases/tag/3.4.0) — PostgreSQL 14 support is a key feature, plus support for using `orderBy` with aggregate groups in MongoDB, as well as the usual tweaks and bug fixes. 

Prisma   

[Smooth Scrollbar: Flexible, Customizable Scrollbars](https://github.com/idiotWu/smooth-scrollbar) — I quite like that it advises you _not_ to use it unless _“you know what you are doing”_ – good advice considering how it can make navigating a page ‘feel’ different. [Try the demo page](https://idiotwu.github.io/smooth-scrollbar/). 

Daofeng Wu   

[Catch Errors in Your Complex Regular Expressions with SonarLint](https://rules.sonarsource.com/javascript/tag/regex?utm_source=javascriptweekly&utm_medium=paid&utm_campaign=javascript&utm_content=brieflink-nov5) 

SonarLint sponsor   

[A Script to Export Photoshop Layers to Individual Files Fast](https://github.com/hsw107/Photoshop-Export-Layers-to-Files-Fast) — This caught my interest as I’ve done some scripting in Adobe apps before. It uses an unusual dialect of ECMAScript called ‘ExtendScript’ (hence the confusing `.jsx` extension on the scripts) but you can get a lot done with it, as demonstrated here. 

Hanna   

[Detox: 'Gray Box' End-to-End Testing and Automation Framework for Mobile Apps](https://github.com/wix/Detox) — Tests your mobile app while it’s running in a real device/simulator, interacting with it just like a real user – you write the scripts in JavaScript. 

Wix   

[CachedLookup: A Simple Package to Cache and Save on Expensive API Calls](https://github.com/kartikk221/cached-lookup) 
Kartik         

Published by [Cooperpress](https://cooperpress.com/) and edited by [Peter Cooper](https://twitter.com/peterc) 

'JavaScript' is a trademark of Oracle Corporation in the US
We are not endorsed by or affiliated with Oracle. 

[Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or [stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*). 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom