~javascriptweekly | Bookmarks (248)

jsep 1.4: JavaScript Expression Parser — “Think of jsep as a tool to parse the kinds of expressions that would be written in individual Excel cells.”

How to Set Up Next.js 15 for Production in 2024 — Share in this author’s experience in scaling up Next.js apps to over 100k monthly active users and millions of monthly visitors.

▶  From Next.js to htmx: A Real World Example — An interesting case study explained in a 50-minute screencast: “Replacing my components with the equivalent HTML elements powered by htmx wasn’t exactly an easy task, but one that was worth the time.”

Lexical 0.20: An Easy-to-Extend Text Editor Framework from Meta — A text editor framework built by Meta with extensibility, accessibility, and cross platform support in mind (there’s even a Swift variant for iOS). There’s a live playground if you want to give it a try. React support is first class, but it can be adapted to work elsewhere (as with svelte-lexical).

Introducing @clerk/nextjs v6, with Support for Next.js 15 — With v6, auth() helper is async, <ClerkProvider> defaults to static rendering, and partial pre-rendering is supported.

Storybook 8.4 Released — A minor release for the powerful frontend component workshop but “one of our most feature-packed minor releases” with one click component testing, Svelte 5 support, and React Native Storybook 8.

🎵 music-metadata: Stream and File-Based Music Metadata Parser — Supporting formats like MP3, FLAC, Ogg, WAV, WMA, AAC and AIFF, this library extracts metadata like ID3v1 and iTunes tags for processing however you want. Yes, it even works in the browser.

Micromark 4.0.1: A Small Compliant Markdown Parser — 100% compliance with the CommonMark standard, supports extensions (such as for GitHub Flavored Markdown), and full test coverage.

Component Party: A Rosetta Stone of UI Libraries — A long-standing comparison of many different frameworks (like React, Vue, Svelte, Angular, Qwik, Solid.js, etc.) by way of simple code snippets to perform various tasks. Now including Svelte 5 and Angular 17/Renaissance.

Will We Care About Frameworks in the Future? — Paul wonders if the increasing use of LLMs and agents in software development will lead to a reduction in the need for new frameworks and extra developer-focused abstractions.

Advanced JavaScript Tools to Empower Your Applications — Build better web applications with powerful JavaScript developer tools including: SpreadJS Excel-like spreadsheet components, ActiveReportsJS reporting tools, Wijmo UI component suite, and Document Solutions viewers for PDF, Excel, Image, and more.

The vlt Package Manager and Serverless Registry — A very experienced team, including npm creator Isaac Schlueter, launched Vlt to ‘build the future’ of JavaScript package management. The first results have appeared in the shape of the vlt client (which can replace npm), as well as a serverless package registry you can self host to serve up your own packages.

TypeScript 5.7 Release Candidate — The popular typed JS superset adds support for ES2024 as a target, can report errors when variables aren't initialized, adds path rewriting for relative paths, and can use Node’s compile caching to save on parsing work. The final release is expected in a week or two.

JavaScript Import Attributes (ES2025) Explained — Import Attributes (now at stage 4 at TC39 and already supported in some runtimes) add a way to supply useful metadata about modules you’re importing.

Creating an ASCII Shader Using OGL — An incredibly cool effect demonstrated in a great tutorial on getting started with shaders and using OGL, a lightweight WebGL library.

Guide to Error & Exception Handling in React — Learn common errors and best practices for recovering from them in a user-friendly way.

How a BBC Navigation Bar Component Broke Depending on Which External Monitor It Was On — A look at an interesting bug related to external monitor positioning. The lesson is that “browsers have an interoperability issue in how they represent screen coordinates in multi-monitor setups”.

Wasmer Adds Node.js and Bun Support — Wasmer is a Rust-powered WebAssembly runtime and Wasmer 5.0 adds V8 and JavaScriptCore backend support, meaning you can try all sorts of things like, say, running Clang, Python, or even compiled JavaScript apps inside your own JavaScript app..

The Most Effective Ways to Improve Core Web Vitals — Everyone wants their site to be as performant as possible, especially when Google factors performance into its rankings, but how? Google shares a variety of practical techniques to improve your INP, LCP, and CLS metrics here.

Why Code Security Matters - Even in Hardened Environments — A well diagrammed dive into a technique that allows malicious parties to turn a file write vulnerability in a Node.js app into a remote code execution exploit even when the file system is read-only.

Prompt, Run, Edit, and Deploy Full-Stack Web Apps with bolt.new — StackBlitz recently released an in-browser AI web development agent: bolt.new! Give it a try today.

Docusaurus 3.6: The Docs-Oriented Static Site Generator — Meta’s Docusaurus is a popular way to build docs sites (like these). v3.6 is focused on performance, now using tools like Rspack and SWC to make builds super fast.

Sonner 1.7: The Toast Notification React Component — There’s a live demo to try on the homepage, or see the GitHub repo. v1.7 focuses on animation improvements, browser support, and React 19.

JavaScript's ??= Operator: Default Values Made Simple — The ??= nullish coalescing assignment operator snuck into JavaScript a few years ago via ECMAScript 2021 and has been broadly supported almost everywhere for ages. Trevor shows off how it can tighten up your assignments here.