Eliminating JS Framework Lock-in with Web Components? — Can you build an app where each component is using a different framework? Amazingly, yes. Web components aren't new but are 'having a moment' and Jake demos an interesting, if contrived, use case. He explains: “Say you’re writing a Vue app and you really want to use a library that’s only available as a React component. You can wrap that library in a web component and use it in your Vue app...” Jake Lazaroff |
Announcing Deno Cron — Deno adds a cron-style feature to run code on a pre-defined schedule using Deno.cron. This works locally (behind --unstable) in a long-running process, but on Deno Deploy it analyzes the definition and runs the code on time, as you’d expect, with no extra work needed. Zinkovsky and Jiang (Deno) |
🤔 There's a post from the Prettier POV where @vjeux explains why he offered the bounty: he felt a 'a lack of competition' was holding Prettier back. |
IN BRIEF: 📺 Evan You, creator of Vue.js, presented an update on the state of Vue and Vite for VueConf Toronto attendees. (48 minutes.) 🟩 The two LTS Node.js branches have received releases backporting features from newer versions: Node v20.10.0 (LTS) gains WebSocket and an experimental flag to auto-detect ESM code. Node v18.19.0 (LTS) gets npm 10 and tweaks for customization hooks and loaders. 🎙️ Off The Main Thread is a new podcast featuring Jake Archibald and Surma (both formerly of Google / HTTP 203). 🎂 Not to do with JS – though some of you may use it – but Notepad++ is 20 years old. It's a popular open source code editor and Notepad replacement for Windows. 🙋 The State of JavaScript 2023 survey is still open to take. |
RELEASES: Passport 0.7 – Popular authentication middleware for Express-based apps. eta (η) 3.2 – Embedded JS template engine for Node, Deno, and browsers. Fable 4.6 – F# to JavaScript transpiler. |
Fireship is a great channel for these sort of quick-fire roundups, and if you want more 100+ JavaScript Concepts You Need to Know is a fun one. |
Tracking Frontend JS Exceptions with Playwright Fixtures — Playwright is commonly used to test frontend apps and ensure they’re rendering and behaving correctly, but what if you want to be sure the underlying JavaScript is working as expected too? Stefan has some tips. Stefan Judis |
A Deep Dive into CheerpJ 3.0: A WASM JVM for the Browser — A look at an interesting WebAssembly-based Java Virtual Machine that runs client side in the browser, opening up bidirectional Java-JavaScript interop, if you need it. Note that it’s commercial, but can be used free for personal projects and evaluation. Pignotti, Bates, and De Rossi |
FullCalendar: A Full Sized JavaScript Calendar Control — An interesting option if you want a Google Calendar style experience for your own apps. Has connectors for React, Vue and Angular. The base version is MIT licensed, but there’s a commercial version too with extra features. Adam Shaw |
😍 Knip has continued to evolve a lot this year, and now also has a snazzy new homepage. You can also learn more about what's new in 3.x. |
Inline REPL Anywhere in Your Code — Execute context aware code snippets directly in your editor, anywhere in your project, even if your application/tests are not working. Wallaby Team |
aws-lite: A New Node.js-Powered AWS API Client — AWS does a good job with its APIs and tooling, but sometimes their approach is a little heavyweight. aws-lite provides a simpler, faster option. “You can think of it as a community-driven alternative to AWS’s JavaScript SDK.” Begin |
Neutralinojs 4.15.0 – Cross-platform desktop app framework – lighter than Electron as it uses the locally available browser engine. jest-image-snapshot 6.3 – Jest matcher for image comparisons. Mongoose 8.0 – MongoDB object modelling approach. edit-in-place 1.9 – Edit in place library for Angular apps. Jotai 2.6 – Simple, flexible state management for React. sql.js 1.9 – SQLite 3.44 compiled to JavaScript. React Share 5.0 – Social media sharing buttons. np 9.0 – A better npm publish. pnpm 8.11 – Fast, disk space efficient package manager. |
“As a principal engineer, I view it as my role to keep us off the bleeding edge as much as possible. That way, when we really do need to innovate, we have the capacity to do so. And when we don't need to, we can go really freaking fast.” ___ Nicole Tietz |
| |