#608 — September 30, 2022
77% of mobile pages have render-blocking scripts in <head>
Dynamic import is barely used – about 0.3-0.4% of pages.
Web workers are used on 12% of pages.
Of the 1,000 most popular sites, 17% use webpack, about 1.5% for Parcel.
Psst.. jQuery is still used all over the place..
Jeremy Wagner and the HTTP Archive
Announcing TypeScript 4.9 Beta — This is a very satisfying update that introduces the satisfies operator for when you want to validate a type of an expression matches some type but without changing the actual resulting type. The in operator also becomes more powerful when narrowing types with unlisted properties.
Daniel Rosenwasser (Microsoft)
Did you know VS Code has a ‘timeline’ view that lets you go back and forth through states of your files?
Node.js has had a swathe of security releases.
AWS App Runner, AWS’s ‘throw an app at us and we’ll run it’ service, now supports Node.js 16.
↳ Lightweight cross-platform desktop app framework.
↳ JS lexer, parser and compiler written in Rust.
📒 Articles & Tutorials
Pavel Šavara (Microsoft)
How to Monitor a Next.js Application — Learn how to monitor both the server side and client slide of a Next.js application, including adding logs in context.
New Relic sponsor
Building an Accessible Select Component in React — A step-by-step (or should we say brick-by-brick?) tutorial on how to build a select component specifically with accessibility in mind, a topic an international business like LEGO has at its heart.
Kacper Kula (Lego)
Testing React Apps with Cypress: An In-Depth Guide for Beginners
▶ An Introduction to Pinia, Vue’s Recommended Store Library
Watch Out What You Expose with Angular Interceptors
🛠 Code & Tools
Jae Sung Park
create-t3-app: Interactive CLI to Quickly Set Up an Opinionated, Full-Stack, Type-Safe Next.js Project — There’s even a 10-minute screencast from Theo – ping․gg showing off how to use it.
T3 Open Source
Glide.js 3.6: A Dependency-Free Slider and Carousel Control — “Designed to slide. No less, no more” says the creator. MIT licensed and mature.
Preview.js: Fast Component Previews in Your IDE — This extension will automatically generate valid props in your components in the preview, has support for CSS-in-JS, and works offline. Available for VS Code and IntelliJ/WebStorm, and supports Solid and Vue components too.
Code Capsules sponsor
textlint: A Pluggable Linting Tool for Text and Markdown — Imagine ESLint but for natural language and punctuation. Markdown and text are supported out of the box, but other formats can be added (e.g. HTML). There’s an online playground if you want to try it out.
⚡️ OTHER QUICK RELEASES:
↳ Component to format numbers in an input or as text.
↳ Jest matchers to test the state of React Native apps.
↳ Server framework for Deno.
👀 Well, okay..
You’ve got some semi-structured data written in Markdown and want to convert it to JSON. What do you do? ▶️ Get OpenAI’s GPT-3 machine learning model to do it of course..(!)