--- title: "Will we care about frameworks in an AI world?" publication: "JavaScript Weekly" issue: 713 published_at: "2024-11-14" canonical_url: "https://javascriptweekly.com/issues/713" --- Plus vlt's new package manager, TypeScript 5.7 RC, and import attributes explained. | #​713 — November 14, 2024 [Read on the Web](https://javascriptweekly.com/issues/713) Together with [![Mescius\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_454,h_111/e_make_transparent/co_white,e_outline:7/iwtw1igi5mjsbp1jqfn5.png)](https://developer.mescius.com/javascript-solutions?utm_source=CooperPress&utm_medium=JavaScript-Weekly&utm_campaign=JS-Tools-JS-Weekly-Sponsored-Link-11-24) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/kbg2tsuwmosurkgvmqiz.jpg)](https://component-party.dev/) [Component Party: A Rosetta Stone of UI Libraries](https://component-party.dev/) — 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. Mathieu Schimmerling [Will We Care About Frameworks in the Future?](https://paul.kinlan.me/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. Paul Kinlan [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/5a6a811e.png)](https://developer.mescius.com/javascript-solutions?utm_source=CooperPress&utm_medium=JavaScript-Weekly&utm_campaign=JS-Tools-JS-Weekly-Sponsored-Link-11-24) [Advanced JavaScript Tools to Empower Your Applications](https://developer.mescius.com/javascript-solutions?utm_source=CooperPress&utm_medium=JavaScript-Weekly&utm_campaign=JS-Tools-JS-Weekly-Sponsored-Link-11-24) — 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. MESCIUS inc sponsor [The `vlt` Package Manager and Serverless Registry](https://blog.vlt.sh/blog/introducing-vlt-and-vsr) — A very experienced team, including npm creator Isaac Schlueter, launched [Vlt](https://www.vlt.sh/) 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](https://www.vlt.sh/serverless-registry) you can self host to serve up your own packages. Clarke, Adorno, Schlueter, and Karrys 💡 Sarah Gooding [shares some more background on Vlt's story here.](https://socket.dev/blog/vlt-debuts-new-javascript-package-manager-and-serverless-registry) [TypeScript 5.7 Release Candidate](https://devblogs.microsoft.com/typescript/announcing-typescript-5-7-rc/) — 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. Microsoft **IN BRIEF:** - 🤖 Microsoft has [introduced _Copilot Edits_ in VS Code](https://code.visualstudio.com/blogs/2024/11/12/introducing-copilot-edits) – it provides a way to work across multiple files in a project at once. - [Jawsm](https://github.com/drogus/jawsm) is an early-stage, experimental JavaScript to WebAssembly compiler (akin to [Porffor](https://github.com/CanadaHonk/porffor)) but that aims to use the most advanced WASM features off the bat, such as [WasmGC](https://chromestatus.com/feature/6062715726462976) and [exception handling.](https://github.com/WebAssembly/exception-handling/blob/main/proposals/exception-handling/Exceptions.md) - 💜 [CSS now has an official logo!](https://nerdy.dev/a-community-css-logo) **RELEASES:** - [Expo SDK 52](https://expo.dev/changelog/2024/11-12-sdk-52) – Toolset for building modern React Native apps, now supporting React Native 0.76 and the [_New Architecture._](https://reactnative.dev/architecture/landing-page) - [Node.js v18.20.5 (LTS)](https://nodejs.org/en/blog/release/v18.20.5) – Lots of dependency updates and now import attributes and JSON modules are marked stable. - No announcement, but it looks like [Ember 6.0](https://github.com/emberjs/ember.js/releases/tag/v6.0.0-ember-source) is about to land. - [Node.js v23.2.0 (Current)](https://nodejs.org/en/blog/release/v23.2.0), [pnpm 9.13](https://github.com/pnpm/pnpm/releases/tag/v9.13.0), [Parcel 2.13.0](https://github.com/parcel-bundler/parcel/releases/tag/v2.13.0) 📒 Articles & Tutorials [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/d1zufkmpj5gjvwfosv4n.jpg)](https://www.trevorlasn.com/blog/import-attributes-in-javascript) [JavaScript Import Attributes (ES2025) Explained](https://www.trevorlasn.com/blog/import-attributes-in-javascript) — [Import Attributes](https://github.com/tc39/proposal-import-attributes) (now at stage 4 at TC39 and [already supported](https://nodejs.org/api/esm.html#import-attributes) in some runtimes) add a way to supply useful metadata about modules you’re importing. Trevor I. Lasn 💡 Trevor is on quite a run of great posts. He also [digs into `Promise.try`](https://www.trevorlasn.com/blog/promise-try-in-javascript) and [how JavaScript's bitwise shifting operators work.](https://www.trevorlasn.com/blog/bitwise-shifts-in-javascript) [Creating an ASCII Shader Using OGL](https://tympanus.net/codrops/2024/11/13/creating-an-ascii-shader-using-ogl/) — An incredibly cool effect demonstrated in a great tutorial on getting started with shaders and using [OGL](https://github.com/oframe/ogl), a lightweight WebGL library. Andrico Karoulla [Guide to Error & Exception Handling in React](https://blog.sentry.io/guide-to-error-and-exception-handling-in-react/?utm_medium=paid-community&utm_source=javascriptweekly&utm_campaign=fy25q4-react&utm_content=newsletter-reactexceptions-read) — Learn common errors and best practices for recovering from them in a user-friendly way. Sentry sponsor [How a BBC Navigation Bar Component Broke Depending on Which External Monitor It Was On](https://www.joshtumath.uk/posts/2024-11-08-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_”. Josh Tumath [How to Set Up Next.js 15 for Production in 2024](https://www.reactsquad.io/blog/how-to-set-up-next-js-15-for-production) — Share in this author’s experience in scaling up Next.js apps to over 100k monthly active users and millions of monthly visitors. Jan Hesters (ReactSquad) ▶[From Next.js to htmx: A Real World Example](https://htmx.org/essays/a-real-world-nextjs-to-htmx-port/) — 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.”_ Pouria Ezzati 📄 [How to Optimize Performance in Vue Apps](https://www.debugbear.com/blog/optimize-vue-performance) Jakub Andrzejewski 📄 [How to Build a Database App with Drizzle ORM and Deno](https://deno.com/blog/build-database-app-drizzle) Andy Jiang 📄 [Essential `tsconfig.json` Options You Should Use](https://tduyng.com/blog/tsconfig-options-you-should-use/) Duy NG 📺 [Building a Rich Text Editor with Svelte 5](https://www.youtube.com/watch?v=T2RMYj_1g9E) Michael Aufreiter 🛠 Code & Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/qwfonw0ametgqbvq807q.jpg)](https://lexical.dev/) [Lexical 0.20: An Easy-to-Extend Text Editor Framework from Meta](https://lexical.dev/) — 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](https://playground.lexical.dev/) 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](https://github.com/umaranis/svelte-lexical)). Meta / Facebook [Introducing `@clerk/nextjs` v6, with Support for Next.js 15](https://go.clerk.com/f4OETYZ) — With v6, `auth()` helper is async, `` defaults to static rendering, and partial pre-rendering is supported. Clerk sponsor [Storybook 8.4 Released](https://storybook.js.org/blog/storybook-8-4/) — 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. Michael Shilman 🗓️ [Schedule-X 2.5: Material Design Calendar and Date Picker](https://schedule-x.dev/) — Available in the form of React/Preact, Vue, Svelte, Angular, or plain JS components. Open source but with a premium version with extra features. [GitHub repo.](https://github.com/schedule-x/schedule-x) Tom Österlund 🎵 [music-metadata: Stream and File-Based Music Metadata Parser](https://github.com/borewit/music-metadata) — 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. Borewit [Looking for a DIY Survey Solution? SurveyJS Has You Covered](https://surveyjs.io/?utm_source=jsweekly&utm_medium=email) — Build, customize, and store surveys with ease. Total data control, JSON-driven, no backend restrictions—integrates into any JavaScript app. SurveyJS sponsor [Micromark 4.0.1: A Small Compliant Markdown Parser](https://github.com/micromark/micromark) — 100% compliance with the [CommonMark](https://commonmark.org/) standard, supports extensions (such as for GitHub Flavored Markdown), and full test coverage. Titus Wormer [jsep 1.4: JavaScript Expression Parser](https://ericsmekens.github.io/jsep/) — _“Think of jsep as a tool to parse the kinds of expressions that would be written in individual Excel cells.”_ Stephen Oney - 📊 [visx 3.12](https://airbnb.io/visx/) – Airbnb's suite of React visualization components [now includes a Sankey diagram component.](https://airbnb.io/visx/sankey) - 🖼️ [Fabric.js 6.5](https://fabricjs.com/) – Makes HTML5 Canvas elements more interactive with an object model and operations. [GitHub repo.](https://github.com/fabricjs/fabric.js) - [DOMPurify 3.2](https://github.com/cure53/DOMPurify) – Fast, tolerant XSS sanitizer for HTML and SVG. [Demo.](https://cure53.de/purify) - [MikroORM 6.4](https://mikro-orm.io/blog/mikro-orm-6-4-released) – Popular TypeScript ORM for Node.js. - [Marked 15.0](https://github.com/markedjs/marked) – Fast Markdown compiler / parser. 📰 Classifieds 🎹 [STRICH](https://strich.io/?ref=js-weekly): Add blazing fast and reliable 1D/2D Barcode Scanning to your web apps. Free demo app and 30-day trial available. --- Never miss a Shopify, Stripe, GitHub, Paddle… or any webhook again with Hookdeck's serverless queue infrastructure. [Learn more](https://hookdeck.com/discover/jsweekly?ref=jsweekly-713). --- [Meticulous automatically creates & maintains E2E UI tests](https://www.meticulous.ai?utm_source=javascript_weekly&utm_campaign=november8th). Zero flakes. Used by Lattice, Bilt Rewards and others. 😀 More fun at Val Town [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/anyxrh4uwuqvzzdtyyvu.jpg)](https://www.val.town/) I've written about [Val Town](https://www.val.town/) several times and am a huge fan. It's a site where you can write and deploy TypeScript from your browser and describes itself as _"if GitHub Gists could run, and AWS Lambda was fun._" It's been a delight to watch its progression from a prototype to what is now a solid platform used in production use cases and I want to call out some recent posts that keep it on my radar: [Building a Code-Writing Robot and Keeping it Happy](https://blog.val.town/blog/building-a-code-writing-robot/) – [Townie](https://blog.val.town/blog/townie/) is an AI assistant for building apps on Val Town. This post digs into how it works, some of the problems encountered in its creation, and how its results are evaluated. [Val Town Town](https://blog.val.town/blog/val-town-town/) – Could you implement something like Val Town _on_ Val Town itself? At the risk of eating its own tail, it turns out you _can._ If you're stuck for something to do or check out, [check out Val Town](https://www.val.town/) – it's fun! 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