Angular 13, V8 9.7, and Puppeteer 11
#563 — November 5, 2021
Chrome’s New Feature to Record and Replay User Flows — 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 — 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 related improvements coming through.
Another Bug Bites the Dust — 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.
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
The V8 team has created the V8 v9.7 branch which introduces two new Array methods (findLast and findLastIndex) without needing a flag.
Two more npm packages have had malicious code injected by hijackers, this time it’s coa and rc, both of which get millions of downloads per week.
Visual Studio Code (October) – Light on JS updates this time.
axios-hooks 3.0 – React hooks for Axios.
Recoil 0.5.0 – Experimental React state management library.
Marked 4.0 – Markdown parser and compiler.
jqGrid 5.6 – jQuery tabular data grid plugin.
Rollup 2.59.0 – ES module bundler.
Puppeteer 11 – Headless Chrome Node.js API.
Software Engineer — Join our “kick ass” team. Our software team operates from 17 countries and we’re always looking for more exceptional engineers.
📖 Tutorials, Opinions & Stories
▶ Have Single-Page Apps Ruined the Web? — 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.
Developer Tools Secrets That Shouldn’t Be Secrets — An Edge-focused look at console power tips, how to use browser developer tools outside the browser, and more.
Visualizing Time Series Data with the Highcharts Library and InfluxDB — Learn how to use Highcharts library to understand and act on IoT data in this hands-on tutorial.
Creating the Effect of Transparent Glass and Plastic with 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(!) 😉
How to Show/Hide Elements in Vue — How to use v-if, v-show and :class to show/hide elements in Vue.
Smashing Podcast podcast
Best Practices for Embedding Third-Party Web Widgets
How to Deploy a Vue.js 3 App on Azure Static Web Apps
🛠 Code & Tools
Coding Font: A ‘Game’ to Find Your New Favorite Code Font — 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.)
Dynamic Charts Based on Data Selection in Angular — 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
Prisma 3.4.0 Released: The Popular ‘Next Gen’ ORM and Toolset — 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.
Smooth Scrollbar: Flexible, Customizable Scrollbars — 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.
A Script to Export Photoshop Layers to Individual 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.