#544 — June 25, 2021 |
JavaScript Weekly |
ES2021 Now Approved; Here's the Features (Quickly) — We’ve linked to a short and sweet code-based summary of the big new features, but the actual news is that the Ecma General Assembly has approved ES2021. Work continues with ECMAScript 2022 already having a draft spec. The FinalizationRegistry is an interesting addition for requesting a callback for when an object is garbage collected. Hemanth HM |
▶ Coding Up a Mario Game in JavaScript with Kaboom.js — Ania is back showing us how to create a basic platformer in the course of an hour in her typically breezy, easy to follow manner. Watch this if you want to reignite that coding spark. Ania Kubów |
Better Onboarding: How to Prevent Codebase Overwhelm — Code complexity is increasing, and for new developers joining a team or project, the steep learning curve can be intimidating, confusing, even demoralizing. Learn more about best practices for onboarding and how to get up to speed fast. Sourcegraph sponsor |
Parsing in JavaScript: The Tools and Libraries You Can Use — From libraries to parser generators, a look at a variety of options for parsing languages (existing or perhaps of your own creation) in JavaScript. Gabriele Tomassetti |
Quick Bits
Releases
Billboard.js 3.1 — Magnificent D3-based charting library. |
|
📖 Articles, Opinions & Tutorials |
A Surprising Feature of JavaScript Optional Chaining — Swizec Teller |
Demystifying Josh W Comeau |
The Serverless Data API for JavaScript Apps, with Built-In GraphQL — Fauna is a flexible, developer-friendly, transactional database available as a secure, cloud API with native GraphQL. Fauna sponsor |
▶ Ship Less JavaScript with Astro — An interview with one of the creators of Astro talking about how its approach is different from other SSGs. Both a practical 90 minute video and a full transcript. Learn with Jason Show |
Read and Render Markdown Files with Next.js and Nx — Part of a series about creating your own blog with Nx, Next.js and Tailwind. Juri Strumpflohner |
▶ How a Streamer Uses JavaScript to Create an Interactive Livestream — I’m not into livestreaming but it’s neat to see how many parts you can automate. A story rather than a tutorial. Vig |
Cypress or How I Learned to Stop Worrying and Love E2E — This looks like a good high level intro but I only just saw it at the last minute before sending.. :-)
|
Building Interactive Bar Charts with D3.js
|
|
Indiepen: A Privacy-Friendly Way to Embed HTML, CSS and JS Examples — A privacy-friendly solution to embed HTML, CSS and JS code examples on your site, blog, etc. with no cookies or tracking. Does require some fiddling in hosting your code though. Henrik and André |
RunJS 2.0: A Desktop Playground for JavaScript and TypeScript — First appearing 2½ years ago, this cross-platform desktop tool has just had a major update with support for multiple tabs, autocomplete, type checking, and installing npm packages direct from the editor (for anyone willing to buy a licence, at least). If you want a quick, handy JavaScript ‘sandbox’ on your desktop, it’s worth checking out. Luke Haas |
[Download] Forrester New Wave: Feature Management and Experimentation — Learn how LaunchDarkly helps development teams reduce software release headaches & enable true testing in production. LaunchDarkly sponsor |
Quasar Framework 2.0: A Way to Build Vue.js 3-based UIs Quickly — A framework built on top of Vue.js, webpack, and Node for building a wide variety of things like SSR apps, SPAs, and even Electron apps from the same codebase. Quasar Framework |
ApostropheCMS 3.0 Released — The latest release of a fully featured MIT-licensed Node.js-based CMS. It’s now powered by headless RESTful APIs from the ground up, has a new visual editing experience (powered by Vue.js), and improved modularity for extending it. GitHub repo. Alex Gilbert |
Resemble.js 4.0: Image Analysis and Comparison Library — A Canvas-based approach for performing basic color/brightness analysis of images or to test how two images ‘resemble’ each other. Here’s a live demo. Resemble |
AdminJS 5.0: An Admin Panel for Node Apps — Formerly known as AdminBro, this is an ‘automatic’ admin interface you introduce to existing apps, wire up to your ODM/ORM, and off you go. Demo. Software Brothers |
Pica: Fast, High Quality Image Resizing in the Browser — For when you want to resize images yourself (from JavaScript code) and not lean on the browser’s own engine. For example, for reducing images prior to upload. Live demo. Nodeca |
ip-address 8.0: Library for Parsing and Manipulating IP Addresses — Works with both IPv4 and IPv6 addresses. Beau Gunderson |
Free Chat & Activity Feed APIs for Qualifying Teams Stream sponsor |
|
🎵 And one for fun.. |
iPod.js: A Web-Based JavaScript-Powered 'iPod' — It’s not just a fun UI experiment.. it can connect to Apple Music and Spotify to actually play tracks too. Source here. And yes, I'm listening to Linda Ronstadt. Tanner Villarete |