#710 — October 24, 2024 |
|
JavaScript Weekly |
Svelte 5 is Alive — The long awaited next major release of Svelte, 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. The official svelte.dev site has also undergone a big rebuild 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 on YouTube. |
FlexGrid by Wijmo: The Industry-Leading JavaScript Datagrid — 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 — Microsoft is really poking at AI from all angles. 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 — It’s a big week for the popular (some may even argue default) React framework with Next.js 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:
|
RELEASES:
|
📒 Articles & Tutorials |
▶ Build a Sonic Infinite Runner Game Using Kaplay — A two hour walkthrough of using the Kaplay game library (formerly known as Kaboom.js) to build a complete, if simple, Sonic-branded game. You can also play it here. JSLegendDev |
New Wallaby 2.0 - Works with All Editors - A Massive Step Forward for JavaScript Testing — 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 — 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 — If you can handle some Python in your life, Django 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 — 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 Caio Bassetti 📄 How To Speed Up Your Vue App with Server Side Rendering Jakub Andrzejewski 📄 Angular’s Approach to Partial Hydration Loraine Lawson (The New Stack) 📄 Understanding 📄 Building a Mental Model of Node.js Streams Pavel Romanov |
🛠 Code & Tools |
match-sorter 7.0: Deterministic Best-Match Array Sorting — 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. Kent C. Dodds |
🤖 Transformers.js v3: Run Transformers in the Browser — A JS port of Hugging Face’s Hugging Face |
Build Forms from JSON Using Drag & Drop UI — SurveyJS Libraries for Surveys & Forms — 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 Rhys Evans |
📊 Vizzu 0.14: A Library for Animated Data Visualizations — 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 for inspiration. Vizzu Inc. |
eslint-plugin-functional: Rules to Promote Functional Programming — 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 — An unofficial Vue port of the popular Radix UI component library. GitHub repo. zernonia et al. |
|
|