--- title: "A huge week for both Svelte and Next.js" publication: "JavaScript Weekly" issue: 710 published_at: "2024-10-24" canonical_url: "https://javascriptweekly.com/issues/710" --- Plus a big React Native release, a forthcoming JavaScript smartwatch, and building your own Sonic game. | #​710 — October 24, 2024 [Read on the Web](https://javascriptweekly.com/issues/710) 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/wijmo/flexgrid-javascript-data-grid?utm_source=CooperPress&utm_medium=JavaScript-Weekly&utm_campaign=Wijmo-JS-Weekly-Primary-Sponsor-Oct-2024) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/nzdnecxa3eqexjde35fv.jpg)](https://svelte.dev/blog/svelte-5-is-alive) [Svelte 5 is Alive](https://svelte.dev/blog/svelte-5-is-alive) — The long awaited next major release of [Svelte](https://svelte.dev/), the compiler-driven JS UI framework, is the _“most significant release in the project’s history”_, while remaining largely backwards compatible. A big addition is _runes_ for explicitly declaring reactive state, but there’s [much more besides.](https://vercel.com/blog/whats-new-in-svelte-5) The official [svelte.dev](https://svelte.dev/) site has also [undergone a big rebuild](https://svelte.dev/blog/the-omnisite) to act as an ‘omnisite’ for all things Svelte. The Svelte Team 📺 If you want to see _how_ to use Svelte 5, _Syntax_'s Scott Tolinski has released [▶️ a 2 hour Svelte 5 basics course](https://www.youtube.com/watch?v=8DQailPy3q8) on YouTube. [![\](https://copm.s3.amazonaws.com/9fbdb0ce.png)](https://developer.mescius.com/wijmo/flexgrid-javascript-data-grid?utm_source=CooperPress&utm_medium=JavaScript-Weekly&utm_campaign=Wijmo-JS-Weekly-Primary-Sponsor-Oct-2024) [FlexGrid by Wijmo: The Industry-Leading JavaScript Datagrid](https://developer.mescius.com/wijmo/flexgrid-javascript-data-grid?utm_source=CooperPress&utm_medium=JavaScript-Weekly&utm_campaign=Wijmo-JS-Weekly-Primary-Sponsor-Oct-2024) — A fast and flexible DataGrid for building modern web apps. Key features and virtualized rendering are included in the grid module. Pick and choose special features to keep your app small. Built for JavaScript, extended to Angular, React, and Vue. Wijmo From MESCIUS inc sponsor [GenAIScript: Microsoft's Generative AI Scripting Environment](https://microsoft.github.io/genaiscript/) — Microsoft is really poking at AI from all angles. [TypeChat](https://github.com/microsoft/TypeChat) introduced a type-safe way to talk to LLMs; now _GenAIScript_ offers a JavaScript-powered way to programmatically assemble prompts and process responses. They claim it _“brings essential LLM prompt tooling into a cohesive scripting environment.”_ Microsoft [Next.js 15 Released](https://nextjs.org/blog/next-15) — It’s a big week for the popular (some may even argue _default_) React framework with [Next.js Conf](https://nextjs.org/conf) starting today, as well as this release. It includes a codemod CLI for easier upgrading, async request APIs, alignment with React 19, and more. Vercel **IN BRIEF:** - Developer IDE firm _JetBrains_ has announced its [WebStorm JavaScript/TypeScript IDE](https://www.jetbrains.com/webstorm/) is [now free for non-commercial use](https://blog.jetbrains.com/blog/2024/10/24/webstorm-and-rider-are-now-free-for-non-commercial-use/) which, notably, also covers paid content creators. - The popular `shadcn/ui` component library has [unveiled a new suite of components for building _sidebars._](https://ui.shadcn.com/docs/components/sidebar) - ⌚ [Spectra](https://www.kickstarter.com/projects/pocuter/spectra) is a hackable smartwatch seeking funding on Kickstarter (but it has passed its initial goal). ESP32-S3 based, it appears able to run JavaScript as shown in the 'dev experience' screenshots. - 🙋 This year's [_State of React_ survey](https://survey.devographics.com/en-US/survey/state-of-react/2024) is now open to take until November 19. **RELEASES:** - ⚛️ [React Native 0.76](https://reactnative.dev/blog/2024/10/23/release-0.76-new-architecture) – A _big_ release. The so-called ['New Architecture' is now used by default](https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here) (so you can now use all the modern React features in RN too), the React Native DevTools are stable, and build times are faster than ever. - 🥖 [Bun](https://bun.sh/) is on a _roll.._ with three releases in the past week. [v1.1.31](https://bun.sh/blog/bun-v1.1.31) added support for `node:http2` server and gRPC, [v1.1.32](https://bun.sh/blog/bun-v1.1.32) added Node's `crypto.hash` method, and [v1.1.33](https://bun.sh/blog/bun-v1.1.33) was a bug-fix release. - [Express.js 5.0](https://expressjs.com/2024/10/15/v5-release.html) – Landed a few weeks ago, but now there's an official post explaining the state of the project which has now [passed a comprehensive third party security audit.](https://expressjs.com/2024/10/22/security-audit-milestone-achievement.html) - [Medusa 2.0](https://medusajs.com/blog/v2-release/) – A Node.js-powered ecommerce platform. - [React Compiler Beta](https://react.dev/blog/2024/10/21/react-compiler-beta-release), [Turborepo 2.2](https://turbo.build/blog/turbo-2-2-0), [ESLint v9.13.0](https://eslint.org/blog/2024/10/eslint-v9.13.0-released/), [Deno 2.0.2](https://github.com/denoland/deno/releases/tag/v2.0.2) 📒 Articles & Tutorials [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/e9a7ywholj8fhzmln8cb.jpg)](https://www.youtube.com/watch?v=EmMO0yQ7eeY) ▶[Build a Sonic Infinite Runner Game Using Kaplay](https://www.youtube.com/watch?v=EmMO0yQ7eeY) — A two hour walkthrough of using the [Kaplay](https://kaplayjs.com/) game library (formerly known as _Kaboom.js_) to build a complete, if simple, Sonic-branded game. You can also [play it here.](https://jslegend.itch.io/sonic-ring-run) JSLegendDev [New Wallaby 2.0 - Works with All Editors - A Massive Step Forward for JavaScript Testing](https://wallabyjs.com/blog/wallaby-2.html?utm_source=cooperpress&utm_medium=javascriptweekly&utm_content=javascriptweekly) — Experience faster JavaScript debugging, real-time insights, & enhanced coverage monitoring with Wallaby 2.0's integrated UI. Wallaby Team sponsor [Why I’m Skeptical of Rewriting JavaScript Tools in “Faster” Languages](https://nolanlawson.com/2024/10/20/why-im-skeptical-of-rewriting-javascript-tools-in-faster-languages/) — Rewriting common JS infrastructure / build tools in ‘faster’ languages like Rust, Zig or Go has become popular in recent years, but is it necessary, asks Nolan? Nolan Lawson [How to Create a Modern SPA with Django and Vue](https://www.thedevspace.io/community/django-vue) — If you can handle some Python in your life, [Django](https://www.djangoproject.com/) is a powerful backend web framework and it’s quite happy to be paired up with a Vue.js frontend with GraphQL providing the glue. The Dev Space [Learn How to Build a Full Stack Application Using React Native & Expo](https://go.clerk.com/RQ24Wp3) — Build a cross-platform full-stack app using a single codebase with scalable backend support and authentication. Clerk sponsor 📄 [Creating a 3D Hand Controller Using a Webcam, MediaPipe and Three.js](https://tympanus.net/codrops/2024/10/24/creating-a-3d-hand-controller-using-a-webcam-with-mediapipe-and-three-js/) Caio Bassetti 📄 [How To Speed Up Your Vue App with Server Side Rendering](https://www.debugbear.com/blog/vue-ssr) Jakub Andrzejewski 📄 [Angular’s Approach to Partial Hydration](https://thenewstack.io/angulars-approach-to-partial-hydration/) Loraine Lawson (The New Stack) 📄 [Understanding `npm audit` and Fixing Vulnerabilities](https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/) Niraj Chauhan 📄 [Building a Mental Model of Node.js Streams](https://pavel-romanov.com/building-a-mental-model-of-nodejs-streams) Pavel Romanov 🛠 Code & Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/fvdujbug4opoda57kyli.jpg)](https://github.com/kentcdodds/match-sorter) [match-sorter 7.0: Deterministic Best-Match Array Sorting](https://github.com/kentcdodds/match-sorter) — If you have an array of items you want to filter and sort ‘intelligently’ and deterministically, this offers a well-described, predictable algorithm. Play with [a live CodeSandbox demo.](https://codesandbox.io/p/sandbox/wyk856yo48?file=%2Findex.js) Kent C. Dodds 🤖 [Transformers.js v3: Run Transformers in the Browser](https://huggingface.co/blog/transformersjs-v3) — A JS port of Hugging Face’s `transformers` Python library that can run natural language, vision, and audio machine learning models right in the browser. v3 adds WebGPU support for boosted performance and now supports Node, Deno and Bun too. Hugging Face [Build Forms from JSON Using Drag & Drop UI — SurveyJS Libraries for Surveys & Forms](https://surveyjs.io?utm_source=jsweekly&utm_medium=email) — Integrate a JSON form editor with any backend. Enjoy complete control over your data with unlimited users and forms — no restrictions. SurveyJS sponsor [Fetch Mock 12.0: Mock Requests by the `fetch` API](https://www.wheresrhys.co.uk/fetch-mock/) — A flexible API for mocking HTTP requests made by `fetch` or fetch-imitating libraries. Supports browsers, Node, and web/service workers. Rhys Evans 📊 [Vizzu 0.14: A Library for _Animated_ Data Visualizations](https://lib.vizzuhq.com/latest/) — Making visualizations is one thing; animating them is much harder. Vizzu helps you create animated data stories and interactive explorers with a variety of [showcase examples](https://lib.vizzuhq.com/latest/showcases/) for inspiration. Vizzu Inc. [eslint-plugin-functional: Rules to Promote Functional Programming](https://github.com/eslint-functional/eslint-plugin-functional) — This isn’t for _me_, but if you want to encourage (or even force) a lack of mutation and a use of FP techniques in your codebase, this could be for _you._ Jonas Kello [Radix Vue: Unstyled, Accessible Components for Vue.js](https://www.radix-vue.com/) — An unofficial Vue port of the popular [Radix UI](https://www.radix-ui.com/) component library. [GitHub repo.](https://github.com/unovue/radix-vue) zernonia et al. - [Edge.js v23](https://github.com/agracio/edge-js) – Run .NET and Node.js code in one process on Windows, macOS and Linux. - ✂️ [Knip 5.34.0](https://github.com/webpro-nl/knip/releases/tag/5.34.0) – A neat way to find and tidy unused stuff in your projects. - 🧊 [PlayCanvas glTF Viewer 5.0](https://github.com/playcanvas/model-viewer) – 3D model viewer supporting glTF 2.0 and PLY. - 🗓️ [React Date Picker 7.5](https://github.com/Hacker0x01/react-datepicker) – Simple date picker component. ([Demo](https://reactdatepicker.com/).) - 🤖 [ml.js 8.0](https://github.com/mljs/ml) – Machine learning tools in JavaScript. - [MDX 3.1](https://github.com/mdx-js/mdx/releases/tag/3.1.0) – Write JSX in your Markdown documents. 📰 Classifieds [Meticulous automatically creates & maintains E2E UI tests](https://www.meticulous.ai?utm_source=javascript_weekly&utm_campaign=october18th). Zero flakes. Used by Lattice, Bilt Rewards and others. --- [SupaHooks](https://hookdeck.com/blog/outbound-webhooks-nextjs-template?ref=jsweekly-710): An Outbound Webhooks Template for Next.js. --- ⚙️ Create entire web apps with [Reactile](https://www.reactile.net/?utm_source=javascriptweekly) and let it handle your widgets and windows within a single browser tab. 1-month free trial. [Try it now](https://www.reactile.net/?utm_source=javascriptweekly). 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