--- title: "We're taking a few weeks off, but.." publication: "JavaScript Weekly" issue: 652 published_at: "2023-08-17" canonical_url: "https://javascriptweekly.com/issues/652" --- .. we've still got this issue for you :-) | #​652 — August 17, 2023 [Read on the Web](https://javascriptweekly.com/issues/652) **🏝️ I'm taking two weeks off and will be back on Thursday, September 7.** So if you don't see the newsletter turn up for a while, it's our fault ;-) As I've had to produce much of this issue a few days in advance, I'm mixing in some 'golden oldies' and popular items from earlier this year to keep things interesting, so this is a less _newsy_ issue than usual. See you again in September! 👋 __ _Peter Cooper, your editor_ Together with [![Frontend Masters logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_300,h_70/e_make_transparent/co_white,e_outline:5/nk0tfdvalivacz8rw7rt.png)](https://frontendmasters.com/courses/vanilla-js-apps/?utm_source=email&utm_medium=javascriptweekly&utm_content=vanillajs) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/dezlaqiyefa6qgktmpjp.jpg)](https://dropbox.tech/frontend/how-we-reduced-the-size-of-our-javascript-bundles-by-33-percent) [How Dropbox Reduced the Size of Its JavaScript Bundles by 33%](https://dropbox.tech/frontend/how-we-reduced-the-size-of-our-javascript-bundles-by-33-percent) — The folks at Dropbox realize that when you’re operating at scale, small annoyances and delays add up, and their web perf team narrowed down some of Dropbox’s perf issues to their module bundling process. Nadeem and Hong (Dropbox) [htmx is Part of the GitHub Accelerator](https://htmx.org/posts/2023-06-06-htmx-github-accelerator/) — [htmx](https://htmx.org/) is a perfect example of a library that _isn’t_ brand new, but one that becomes popular once the time is right. Its success is only continuing following acceptance into the first class of GitHub’s [open-source _Accelerator_ initiative](https://accelerator.github.com/), an opportunity that will enable the development of htmx 2.0. [GitHub repo](https://github.com/bigskysoftware/htmx). Big Sky Software [![\](https://copm.s3.amazonaws.com/8cb49dca.png)](https://frontendmasters.com/courses/vanilla-js-apps/?utm_source=email&utm_medium=javascriptweekly&utm_content=vanillajs) [You Might Not Need a Framework](https://frontendmasters.com/courses/vanilla-js-apps/?utm_source=email&utm_medium=javascriptweekly&utm_content=vanillajs) — Maximiliano Firtman shares the vanilla approach in this video course on building rich web apps and sites without depending on libraries of frameworks. It covers the DOM, event handling, routing, web components, and more. Frontend Masters sponsor [You Don't (May Not) Need Lodash or Underscore](https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#readme) — Inspired by the popular [You Might Not Need jQuery](https://youmightnotneedjquery.com/), this extensive document provides pure JavaScript alternatives to almost 100 different functions as you’d find in popular utility libraries like [Lodash](https://lodash.com/). You Don't Need **⚡️ IN BRIEF:** - It's still a few weeks away, but we're told _"[Bun](https://bun.sh/) 1.0 is almost here"_ and there's [📅 a live presentation by Bun's creator, Jarred Sumner, on September 7](https://bun.sh/1.0) you can sign up for now. - If you like to keep up with other languages than JavaScript, renowned C++ expert Herb Sutter recently [▶️ gave a fantastic talk about modernizing and improving C++](https://www.youtube.com/watch?v=fJvPBHErF2U) more quickly by creating a Typescript-esque superset with better abstractions and features. - 🕹 _React Jam_ was a React-oriented gamejam that took place last week and [here are the winning games](https://reactjam.com/summer-2023-winners). - 👾 Talking of gaming, the annual [js13kGames JS coding competition](https://js13kgames.com/) has just started. You can join in the fun, though, as it doesn't end till September 13. - Robin Wieruch shared his [10 Web development trends in 2023](https://www.robinwieruch.de/web-development-trends/) back in January – how are they shaping up so far? As Larry David might say.. _pretty, pretty good_. - In "[The “Skeleton Squad” is now targeting NPM](https://socket.dev/blog/skeleton-squad-npm)", the team at _Socket_ take a look at _how_ a group is attacking the npm package ecosystem. - [🐦▶️ Playing with the earliest JavaScript in Netscape 2.0](https://twitter.com/awesomekling/status/1690718067716751360). **🎉 RELEASES:** - [Fresh 1.4](https://deno.com/blog/fresh-1.4) ↳ The Deno-powered web framework. - [jest-dom 6.0](https://github.com/testing-library/jest-dom) ↳ Custom matchers to test the state of the DOM. - [NodeBB 3.3](https://github.com/NodeBB/NodeBB) – Node.js-powered forum software. - [Electron 26.0](https://www.electronjs.org/blog/electron-26-0) - [Angular 16.2](https://github.com/angular/angular/releases/tag/16.2.0) - [Playwright 1.37.0](https://github.com/microsoft/playwright/releases/tag/v1.37.0) 📒 Articles & Tutorials [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/s0mno9r1zt5c9lgbaqav.jpg)](https://discoverthreejs.com/) [_Discover three.js_: A Complete Guide to Creating 3D Web Experiences](https://discoverthreejs.com/) — The breadth of the content on offer here had me looking for the price, but it’s all online and free. There’s a lot to dig through here if you want to get started (or just get _better_) at using [three.js.](https://threejs.org/) If you’re already familiar with three.js, you may enjoy the [three.js tips and tricks page](https://discoverthreejs.com/tips-and-tricks/). Lewy Blue [JSX _Without_ React](https://chriscoyier.net/2023/08/07/jsx-without-react/) — Exploring a new tool called NakedJSX that will allow you to render JSX without the need for the full React framework. Chris Coyier [React Authentication — Without Complexity](https://userfront.com/tutorials/react-authentication?&utm_source=javascriptweekly-com&utm_medium=newsletter&utm_campaign=sponsored_link&utm_content=react_authentication) — Userfront streamlines authentication & access control so engineers can focus on their core business. Read the docs now. Userfront sponsor [You’ve Got Options for Removing Event Listeners](https://www.macarthur.me/posts/options-for-removing-event-listeners) — Reviewing some of the most common approaches available to remove event listeners in JavaScript. Alex MacArthur [Prepare Your Firefox Desktop Extension for the Upcoming Android Release](https://blog.mozilla.org/addons/2023/08/10/prepare-your-firefox-desktop-extension-for-the-upcoming-android-release/) — _“Firefox will become the only major Android browser to support an open extension ecosystem.”_ Scott DeVaney (Mozilla) [Application State Management with Angular Signals](https://medium.com/@eugeniyoz/application-state-management-with-angular-signals-b9c8b3a3afd7) Yevgeny / Oz ▶[Six (or so) New Approved and Proposed JavaScript APIs](https://syntax.fm/show/654/6-or-so-new-approved-and-proposed-javascript-apis) Syntax Pocast podcast [The Importance of Verifying Webhook Signatures](https://snyk.io/blog/verifying-webhook-signatures/) Marcelo Oliveira (Snyk) [Writing JavaScript Without a Build System](https://jvns.ca/blog/2023/02/16/writing-javascript-without-a-build-system/) Julia Evans 🛠 Code & Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/txk1w8kctbkc8tpt3y1d.jpg)](https://github.com/hexagon/croner) [Croner 7.0: Cron for JavaScript and TypeScript](https://github.com/hexagon/croner) — Trigger functions upon the schedule of your choice using the classic [cron syntax.](https://en.wikipedia.org/wiki/Cron#CRON_expression) Works in Node, Deno, Bun _and_ the browser, across time zones, offers error handling and overrun protection, and more. There’s an [live demo](https://jsfiddle.net/hexag0n/hoa8kwsb/) on JSFiddle. [v7.0](https://github.com/Hexagon/croner/releases/tag/7.0.0) adds support for specifying the _n-_th weekday. Hexagon [Linkify 4.1: Link Up URLs, Email Addresses, and More in Plain Text](https://linkify.js.org/) — Given some plain text containing things like links and emails, Linkify will generate the correct code to display it on the Web. Not just URLs or emails, but hashtags, @mentions, IP addresses, and more – see the homepage for examples. [GitHub repo](https://github.com/Hypercontext/linkifyjs). Hypercontext [🦘JavaScript Scratchpad for VS Code: New Logpoints Feature!](https://quokkajs.com/whatsnew/logpoints.html?utm_source=cooperpress&utm_medium=javascriptweekly&utm_content=javascriptweekly) — Seeing runtime values has never been so easy. Simply place a breakpoint on a line, no debugger required: zero setup/configuration. Wallaby.js sponsor [deno_python: Python Interpreter Bindings for Deno](https://github.com/denosaurs/deno_python) — A seamless Deno-Python integration via the Python/C API. The latest release supports installing and importing pip packages. This feature has been described as _“slightly cursed”_ but it’s certainly interesting. Denosaurs [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cb0mihimzajabydodrb4.jpg)](https://github.com/jcubic/tagger) [Tagger: A Zero Dependency, Vanilla JavaScript Tagging Library](https://github.com/jcubic/tagger) — You can [play with a live demo here](https://codepen.io/jcubic/pen/YbYpqO). Jakub T. Jankiewicz [Over 100 Algorithms and Data Structures Demonstrated in JS](https://github.com/trekhleb/javascript-algorithms) — Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. Available in other languages too like Chinese, Korean, French, and Spanish. Oleksii Trekhleb et al. [Deliver Interactive Real-Time Live Streams with Amazon IVS](https://aws.amazon.com/blogs/aws/new-deliver-interactive-real-time-live-streams-with-amazon-ivs/) Amazon Web Services (AWS) sponsor [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/lunmz7e9vbedpqtelrit.jpg)](https://weizmangal.com/ProtoTree/?filters=XMLHttpRequest) [Proto Tree: A Way to Observe the JS Prototype Chain](https://weizmangal.com/ProtoTree/?filters=XMLHttpRequest) — Gal explains the motivation for this tool in [🐦 this Twitter thread.](https://twitter.com/WeizmanGal/status/1684608574444785664?s=20) Gal Weizman [Barba.js: For Smooth Visual Transitions Between Pages](https://barba.js.org/) — You certainly can’t say the project’s homepage doesn’t show off all of its features. For such a dramatic set of effects, things feel smooth and surprisingly nice 😁 [GitHub repo](https://github.com/barbajs/barba). De Rosa, Michel, et al. [Stritch: A JavaScript Barcode Scanning Library](https://strich.io/) — It’s a _commercial_ library, but featureful and well presented with support for a variety of 1D and 2D barcode types. Pixelverse LLC [#Script: A JS-Inspired Scripting Language for .NET](https://sharpscript.net/) — An embeddable scripting language mostly targeting template use cases. It can also be used in a [Lisp style.](https://sharpscript.net/lisp/) ServiceStack 💻 Jobs [Find JavaScript Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-javascriptweekly%29&utm_content=find-your-next-job) — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now. Hired 🧑‍💻 Got a job listing to share? _[Here's how](https://booking.cooperpress.com/jobs)_. [ngraph.path: Path Finding Through Graphs](https://github.com/anvaka/ngraph.path) — There’s [a live demo](https://anvaka.github.io/ngraph.path.demo/#?graph=amsterdam-roads) if you want to see how it tackles the road network of several global cities. Andrei Kashcha - [SVGR 8.1](https://github.com/gregberge/svgr) ↳ Transform SVGs into React components. - [BlockNote 0.9](https://github.com/TypeCellOS/BlockNote) ↳ "Notion-style" block-based editor built atop Prosemirror. ([Demo](https://blocknote-main.vercel.app/)) - [React Number Format 5.3](https://github.com/s-yadav/react-number-format) ↳ Input formatter library for numbers. - [Tinypool 0.8](https://github.com/tinylibs/tinypool) ↳ Minimal/tiny Node.js worker thread pool. - [melonJS 15.9](https://github.com/melonjs/melonJS) – Lightweight HTML5 game engine. - [Sortable 2.3](https://github.com/tofsjonas/sortable) – Vanilla JS table sort. ([Demo](https://tofsjonas.github.io/sortable/)) - [Preact 10.17.0](https://github.com/preactjs/preact/releases/tag/10.17.0) 😭 Last week I promised a JavaScript AI/ML feature, but time hasn't worked out in my favor _(note to self: don't send an issue while on vacation 😆)_. Keep your fingers crossed and it'll be in one of the next issues. So much has been happening in the JavaScript AI/ML space that we want to shine a spotlight on it sooner than later. 👋 **_We'll be back in three weeks on September 7, 2023. See you soon!_** If you have anything to submit for the next issue, hit reply and let us know (but appreciate we may be slow to reply since we'll be on vacation 😉). Published by [Cooperpress](https://cooperpress.com/) and edited by [Peter Cooper](https://twitter.com/cooperx86) 'JavaScript' is a trademark of Oracle Corporation in the US We are not endorsed by or affiliated with Oracle. [Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or [stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*). © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom