#707 — October 3, 2024
JavaScript Weekly
VoidZero: A Next-Generation Toolchain for JavaScript — Not content to have merely created Vue.js and Vite, JavaScript powerhouse Evan You has unveiled his latest adventure: a $4.6m funded company building an open-source unified development toolchain for the JavaScript ecosystem. With his track record, this is as good an attempt as it gets.
Evan You
ESLint Now Officially Supports Linting JSON and Markdown — ESLint has been taking steps to become a more general purpose linter and that effort is beginning to bear fruit with this milestone.
Nicholas C. Zakas
Run GitHub Actions Up to 2x Faster at Half the Cost — Blacksmith runs your GitHub Actions substantially faster by running them on modern gaming CPUs. Integrating Blacksmith is a one-line code change. 100+ companies like Ashby, Superblocks, and Slope use Blacksmith to help developers merge code faster.
Blacksmith sponsor
Tauri 2.0: Small, Fast Desktop Apps using Web Technologies — Tauri is a Rust-based alternative to Electron for bringing together HTML, JavaScript and CSS code to create cross-platform desktop apps. Rather than using V8, it uses the natively available webview to run your code.
Tillmann Weidinger
IN BRIEF:
😍 Build tool Vite has a snazzy new homepage just in time for ViteConf.
The Svelte team shares everything that’s new with Svelte lately.
🕹️ OneJS is an attempt to bring JavaScript scripting into the Unity game engine. ▶️ Here’s a screencast showing it off.
🎂 The Knip code decluttering tool celebrates two years with a new release containing a revamped auto-fix mechanism for automatically removing unused exports and files from your code.
Congratulations to Ulises Gascón for becoming the newest TC39 Delegate.
RELEASES:
Eleventy / 11ty 3.0 – Node.js-powered static site generator.
Tabulator 6.3 – Popular interactive table / data grid control.
Jiti 2.0 – Runtime TypeScript and ESM support for Node.js.
pnpm 9.12 – The alternative, efficient package manager.
ViteConf is Live! — Join us today and tomorrow for ViteConf 2024!
StackBlitz sponsor
📒 Articles & Tutorials
▶ Bundling: The Past, Present and Future — A history lesson on bundlers, why they’re used, the problems they solve, the current ecosystem, and a look at the potential future for these tools.
Devon Govett
Unleash JavaScript’s Potential with Functional Programming — More focused on the how, rather than the why, but a good primer nonetheless, especially if you’ve never tried to learn about FP before.
Jan Hesters
An Online Event You Won’t Want to Miss — 🔥 JetBrains JavaScript Day returns Oct 24, and it promises to be the best one yet! Explore an impressive agenda and register for free today.
JetBrains sponsor
SVG Coding Examples: Useful Recipes for Writing Vectors by Hand — Explores the basics of hand-coding SVGs, how to use JavaScript along the way, and practical examples to demystify the inner workings of common SVG elements.
Myriam Frisano
📄 Web Components are Not Framework Components and That’s Okay Lea Verou
📄 How to Submit an Electron App to the Mac App Store Liu Liu
📄 Why Gumroad Didn’t Choose htmx Sahil Lavingia
📄 How Bun Supports V8 APIs Without using V8 Ben Grant (Bun)
📺 Laravel vs Rails for JavaScript Developers Sam Lewis
🛠 Code & Tools
🤖 assistant-ui: React Components for AI Chat — It doesn’t just give you the interface components, but has integrations for Vercel AI, Langchain, and talking to other common LLM APIs (e.g. OpenAI), enabling you to build your own in-house AI chat system quickly. Examples.
Simon Farshid
qrframe: A Library to Generate ‘Pretty’ QR Codes — It’s slightly odd as the QR codes generated aren’t guaranteed to scan reliably, but if you can generate ones that do, they look striking, and could be useful for branding/fun use cases. Play around with a live demo here.
Kyle Zheng
Announcing MongoDB 8.0 — Over 30% Faster Than Before — Learn how MongoDB 8.0 was built to exceed the most stringent security, availability, and performance requirements.
MongoDB 8.0 sponsor
Superdiff 2.0: Compares Two Arrays or Objects and Return a Diff — Got two similar objects and want to see the underlying differences?
antoine
µExpress / Ultimate Express: Like Express, But Faster — Imagine a reimplementation of Express with full API compatibility, but based on µWebSockets and with an optimized router for faster performance.
dimden
VueFormify 1.1: Simple Type-Safe Form Building for Vue — Bills itself as “your ticket to form-building autonomy.” There’s a getting started guide and GitHub repo.
Máté Nagy
pretty-print: Customizable String Representations of JS Values — Produce a string representation of any value. Similar to util.inspect but with many extra options for tree-ifying, coloring, sorting, choosing what to display, etc.
Effectful Technologies Inc
🗓️ Schedule-X 2.3 – Material Design event calendar and date picker.
Summernote 0.9 – Simple WYSIWYG editor atop Bootstrap and jQuery.
ng-dnd 4.0 – Drag and drop solution for Angular. (Demos.)
Prisma 5.20 – Popular ORM for Node.js and TypeScript.
React95 v9.0 – Make React apps that look like Windows 95.
Vaul 1.0 – Elegant drawer component for React.
Eruda 3.4 – A console/devtools for mobile browsers.
BlockNote 0.16 – ‘Notion-style’ block-based editor.
📰 Classifieds
⚙️ Create entire web apps with Reactile and let it handle your widgets and windows within a single browser tab. 1-month free trial. Try it now.
Automatically creates & maintains E2E UI tests. Zero flakes. Used by Lattice, Bilt Rewards and others. Backed by YC, CTO GitHub and others.