#551 — August 13, 2021 |
JavaScript Weekly |
Vue 3.2 Released — Some new features for single file components, significant perf improvements, and it’s now easy to define native custom elements with Evan You |
'JavaScript Needs More Helper Functions for Iteration' — Many languages have a plethora of functions or methods for iteration, but many of JavaScript’s options came late and scoped to particular data types (such as Array's new methods in ES6) and Axel thinks we need to go a lot further while comparing a variety of approaches. Dr. Axel Rauschmayer |
Get Started with JavaScript and InfluxDB 2.0 — How-to guide to monitor your JavaScript application performance and create beautiful web-based visualizations with InfluxDB time series platform. InfluxData sponsor |
V8 Release v9.3 — Recent V8 releases have been reasonably lean on new features, and so it goes with 9.3 which mostly gets faster compilation, Ingvar Stepanyan |
Next.js 11.1 Released — The popular React framework takes a few steps forward with experimental ES modules support, a new integration with swc to ultimately replace JS tooling (Babel and Terser), faster data mapping and source maps, and more. Vercel |
QUICK BITS:
|
RELEASES: Node.js 16.6.2, 14.17.5, and 12.22.5 |
|
📖 Articles, Opinions & Tutorials |
How to Build Force Directed Graphs with React and D3 v7 — A step-by-step build from no movement to the ‘full bells and whistles’ complete with code sandboxes to play with. Swizec Teller |
Making a Web Worker Optional — A generic approach to make the creation of an extra Web Worker optional when one isn’t strictly needed. Tobias Uhlig |
Improving Responsiveness in Text Inputs — Nolan Lawson |
Building React Components For Any Front End — React might not be as widely used so we decided to create custom components that work in any frontend setup with any UI. Courier sponsor |
▶ Learning MongoDB by Building a Project — This was a livestream so is slow paced but it’s also thorough and real and a nice look at how real developers approach building apps using Node, Next.js, and MongoDB’s hosted Atlas service. Florin Pop and Jesse Hall |
A Quick Refresher on JavaScript Callbacks and Promises |
Choice Words about the Upcoming Deprecation of JavaScript Dialogs |
<Lazy> Rendering in Vue to Improve Performance |
🛠 Code & Tools
Introducing MIDIVal: The Easiest Way to Interact with MIDI in Your Browser — Despite being 40 years old, the MIDI protocol is still heavily used by, and hugely valuable to, musicians. MIDIVal is a higher level abstraction for working with MIDI from JavaScript. Getting started tutorial. Kacper Kula |
Deno 1.13 Released — The 'server-side runtime that isn't Node' (but comes from the same initial creator!) has received a release with a ton of small enhancements, including its native HTTP server API going stable, language server improvements, more TLS customization options, and integrating V8 9.3. The Deno Team |
The Data API with Native GraphQL and JavaScript Support — Create a document database with an API that handles scaling, sharding and other operationally intensive tasks for you. Fauna sponsor |
JSZip: Create, Read and Edit .zip Archive Files — Yes, it even works in all major browsers (see the demo). GitHub repo. Stuart Knightley |
styled-jsx 4.0: Full CSS Support for JSX Without Compromises — Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Vercel |
HyperFormula: An Excel-Like Calculation Engine Written in TypeScript — Provides a way to add spreadsheet style calculations to your webapps. Do note it’s GPLv3 licensed (or commercial) though. Handsontable |
http-server: A Simple Zero-Conf Command-Line HTTP Server — A lot more configurable (if you wish) than other simple command line HTTP servers. Robbins, Squires, et al. |
Book a Demo. Ship Fast. Rest Easy. LaunchDarkly LaunchDarkly sponsor |
Hora: Efficient Approximate Nearest Neighbor Search Algorithms — This isn’t a JavaScript project but a Rust one. It targets WebAssembly, though, so can be used from JavaScript as seen in the demos on the homepage. Hora-Search |
FormVueLate: Vue Schema-Driven Form Generation |