Some of what’s coming to ES2022
#554 — September 3, 2021
Visual Studio Code August 2021 Released — It always feels odd linking to these as they name releases for the prior month, but new features include automatic language detection, built-in bracket colorization (enabled via editor.bracketPairColorization.enabled), improved terminal glyph rendering, inline hints for JS/TS param names and types, and improved debug stepping in async functions and Node.js internals.
Dr. Axel Rauschmayer
Search Across the Open Source Universe with Sourcegraph — Sourcegraph searches over 1 million open source repos from GitHub & GitLab along with your own public & private (public beta) repos. No installation required. Sourcegraph makes it easier to search, discover & understand open source projects. Start searching now.
Electron 14.0.0 Released — The latest major version of the popular cross-platform desktop app framework is here. It’s moving to an eight week stable release schedule, so Electron 15 is due in just three weeks.. but for now you get Chromium 93, Node.js 14.17, and V8 9.3 support, experimental cookie encryption support, and a few removals (such as the remote module).
Neutralino 2.7: Portable, Lightweight Desktop App Framework — Think Electron (above) but rather than including a Chromium distribution with every app, it uses the local platform’s built-in ‘webview.’ This equals (much) smaller, faster apps, though you then have to be aware of each webview’s different quirks.
Node.js branches v12 and v14 have received new releases to fix some path and symlink related vulnerabilities. Node v16 is fine.
A collection of interactive learning tools for front-end dev concepts.
An explanation of Twitter’s ‘div soup’ and ‘uglified’ CSS and how React Native for Web is used.
A developer has created a proof-of-concept anti debugging technique where JS code can detect that it’s being debugged and change the flow of execution, if it so wished.
socket.io 4.2.0 – Realtime comms library.
Relay 12.0 – Data-driven React app framework.
OpenPGP.js 5.0.0 – OpenPGP implementation in JS.
on-change 4.0 – Watch objects and arrays for changes.
AdonisJS August Release – Full-featured Node.js web app framework.
📖 Tutorials, Opinions & Stories
‘I Built A $300K/Year Vue.js Component Library’ — Not much technical stuff here, but an interesting (and possibly inspiring!) interview with the creator of Vuetify, a Vue.js UI library, on how he’s made the project sustainable and a good source of income.
Working with Tree Data Structures — The basics of traversal: both breadth first and depth first. Complete with visuals to help you get the ideas more quickly.
Building a Serverless GIF Generator with AWS Lambda — Let’s say you host videos and want to show GIF animations as a sort of preview feature in the UI. Generating such GIF files from videos is a compute-intensive operation but you can use something like AWS Lambda to create a scalable service to handle it for you.
James Beswick (AWS)
Build a React Chat Application — In a few simple steps we’ll show you how to launch a chat app using our React component library.
Common npm Mistakes Every Developer Should Avoid — Learn how to avoid common mistakes when managing dependencies, publishing packages, and more.
State Management in Svelte Apps — A tutorial on how to use the Svelte state management store to manage state in Svelte applications.
Why Electron Apps Are Fine — While Niels agrees with many common criticisms of Electron, his users don’t care, and he says you shouldn’t care either.
State Management in Next.js Apps — Managing state in a Next.js application can get tricky very quickly. This looks at some patterns to help avoid complexity in common scenarios and avoid “provider hell.”
A Guide to React Context and the useContext() Hook
🛠 Code & Tools
Stitches 1.0: The Modern Styling Library — Another CSS-in-JS solution, this one offering high performance, SSR, theming, critical path CSS, an intuitive API, and lots more.
Run Faster and Safer Than Linux with Open Source Unikernels — Deploy with no ops and no cloud lock-in. Run 2X as fast on Google. Run 3X as fast on AWS and deploy in 10s of seconds.
smartcrop.js: Content Aware Image Cropping — Given an image, this can help find the ‘best’ part of the image to crop down to. Works in the browser and in Node.
Mafs: React Components for Math Visualization — A well thought out set of sophisticated mathematics visualizations. It is supported with a nicely executed just-what-you-need-to-know set of guides including one which will allow you to plan your own suborbital spaceflight.
bundle: A Quick npm Package Size Checker — Enter a package name, then hit the “run” button and this tool will give you the minified, bundled, and gzipped size of the package.