#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
Vercel, formerly ZEIT, is a popular deployment platform in the JavaScript world and they maintain Next.js. They’ve just raised $102M which will partly go to pushing Next.js forward.
In a space running somewhat parallel to ours, you may find the State of WebAssembly 2021 insights useful.
Releases
Billboard.js 3.1 — Magnificent D3-based charting library.
Storybook 6.3 — UI component development environment.
Commander.js 8.0 — Node.js CLI tools made easy.
Cypress 7.6.0 — The testing system.
pnpm 6.9.0 — Alternative package manager.
FingerprintJS 3.2.0 — Browser fingerprinting library.
💻 Jobs
JavaScript Developer @ Kinsta — Join our ownership-embracing team of JS developers in a relaxed environment where culture is as important as technical excellence.
Kinsta
Nodejs + Fintech + FullStack == You — Product Engineering Artists Seek Senior Level JS Devs Interested in Creator Economy Fintech Project.
startuplandia.io
Find Software Engineering Jobs with Hired — Take 5 minutes to build your free profile & start getting interviews for your next job. Companies on Hired are actively hiring right now.
Hired
📖 Articles, Opinions & Tutorials
A Surprising Feature of JavaScript Optional Chaining — const greeting = object?.deepProp?.deeperProp?.greet is one thing, but the final example Swizec comes up with is.. perhaps not such a great idea 😆
Swizec Teller
Demystifying styled-components — If anything ever seems ‘magical’, it might be time to dig in and figure out how things work. Josh ‘pops the hood’ on the popular Styled Components component styling system.
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.. 🙂
Emma Fabre
Building Interactive Bar Charts with D3.js
Máté Huszárik
🛠 Code & Tools
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
⏳ ICYMI (Older stuff that’s still worth checking out)
Stefan Judis looks at some lesser-known frontend auditing tools to help you acheive a faster website.
Here’s a look at how you can get started with canvas animations in JavaScript — baby steps here, but well explained with examples.
Cristian Salcescu runs through ten utility functions to use when working with objects.
Here are some useful TypeScript patterns to “keep in your back pocket” when solving a difficult problem or two.
🎵 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
Permanent link to this post here
