#โ700 โ August 15, 2024
Read on the Web
๐ Wow, issue 700! We’re back after a week away. Technically I’m still on vacation, but I didn’t want to leave you in the lurch for too long.. ๐
__
Peter Cooper, your editor
JavaScript Weekly
ECMAScript Safe Assignment Operator Proposal โ We often feature ECMAScript proposals that are in their later stages, but how about a brand new one you could get involved with? This one proposes an interesting additional bit of language syntax (?=) that returns a [error, value] tuple from anย assignment.
Arthur Fiorette
Crafting a 13KB Game: The Story of Space Huggers โ We always love Frankโs dives into how he produces neat JavaScript experiments and, in this case, a complete game in just 13KB โ and if it inspires you, the latest js13kGames game development competition has just started.
Frank Force
WorkOS: The Modern Identity Platform for B2Bย SaaS โ WorkOS is a modern identity platform for B2B SaaS, offering flexible and easy-to-use APIs to integrate SSO, SCIM, and RBAC in minutes instead of months. It’s trusted by hundreds of high-growth startups such as Perplexity, Vercel, Drata, andย Webflow.
WorkOS sponsor
Google’s Angular Lead Sees Convergence in JavaScript Frameworks โ โWhen picking a framework, donโt overthink it. It will end up being the same technology anyway with a different facade.โ Minko Gechev talks about leading the way in converging Googleโs Angular and Wizย frameworks.
Loraine Lawson (The New Stack)
Announcing Official Puppeteer Support for Firefox โ As of version 23, Googleโs originally Chrome-only Puppeteer browser automation library now has first-class support for Firefoxย too.
Mozilla Hacks
IN BRIEF:
โญ If you’ve wondered why so many new npm packages are spam these days, it may be because of ‘Tea’. Though not the drinkingย kind..
Brendan Eich has expressed his support for the currently stage 1 Decimal draft proposal for bringing a more precise decimal number representation to JavaScript.
There’s an early technical preview of React Native WebGPU. William Candillon shows it off in โถ๏ธย this 9-minute screencast.
RELEASES:
jQuery UI 1.14.0 โ The legacy effects and widgets library reduces support for olderย browsers.
Madge 8.0 โ Create graphs of moduleย dependencies.
React Native 0.75, Angular 18.2, Bun 1.1.23, ESLint 9.9
๐ย Articles & Tutorials
Patterns for Memory Efficient DOM Manipulation โ Marc shares a solid look at the best practices to employ in order to avoid excess memory usage when managing/updating the DOM, all with a hope to make your apps faster. A good overview of the core principles behind DOM manipulation andย optimization.
Marc Grabanski
‘How I Won $2,750 using JavaScript, AI, and a Can of WD-40’ โ This is far from a technical JavaScript article, but itโs a fun story, involves some code and statistics, and ultimately might make youย laugh.
Dave Kiss
Breakpoints and console.log Is the Past, Time Travel Is the Future โ 15x faster JavaScript debugging than with breakpoints and console.log, supports Vitest, jest, node:test, and more. Huge changes are coming in Wallaby 2.0! Stay tuned.ย ๐
Wallaby Team sponsor
Common Causes of Memory Leaks in JavaScript โ Filled with basic examples oriented around V8-based runtimes like Node.js andย Deno.
Trevor Indrek Lasn
Learn Web Components โ If youโre looking to scrub on your Web Components know-how, this road map should prove useful. Itโs a collection of good third party articles covering a wide range ofย knowledge.
Andrico Karoulla
A Tale of Evading JavaScript Anti-Debugging Techniques โ When debugging code written by a third party, there could be some traps thrown in your way to prevent your usual debugging techniques. What to do? Revisiting a popular article fromย 2023.
Veritas
Fine-Grained Reactivity in Svelte 5 โ Taking a close look at Svelteโs new so-called fine-grainedย reactivity.
Adam Rackis
๐ Tips for Using React Testing Library to Write Unit Tests Pavan Policherla
๐ 45 VS Code Shortcuts for Boosting Your Productivity Shahed Nasser
๐ ย Code & Tools
Volta 2.0: Install and Run JavaScript Tools Quickly โ A long-standing Rust powered tool for installing and switching JavaScript related tools (like Node, TypeScript, Yarn, etc.) โฆ โno matter the package manager, Node runtime, or OS.โ GitHubย repo.
Volta
Floating UI: Positioning for Tooltips, Popovers, Dropdowns, etc. โ A library to create โfloatingโ elements such as tooltips, popovers, and dropdowns. Essentially a next-gen Popper which it now officiallyย succeeds.
atomiks
๐ Kiss Bugs Goodbye โ Get 80% automated E2E web and mobile app coverage in under four months with QA Wolf
. With QA cycles complete in minutes (not days), bugs donโt stand a chance. Schedule aย demo.
QA Wolf sponsor
React Figma: Use Components as a Source for Figma Designs โ A lot of folks use Figma to mock up designs for their React components, but what about the other way around? Use React components as a source for your designs inย Figma! GitHub repo.
Ilya Lesik
Ky 1.6 โ Simple HTTP client based upon Fetch for browsers, Nodeย &ย Deno.
True Myth 8.0 โ Safe, idiomatic null and error handling in TypeScript with Maybe andย Resultย types.
Protobuf-ES 2.0 โ Fully compliant Protobuf implementation forย JS/TS.
๐น๏ธ Kontra 10.0 โ Lightweight gaming micro-library, optimized for js13kGames.
React Tooltip 5.28 โ A tooltip component, surprisingly.ย (Demo.)
express-validator 7.2 โ Express.js middleware forย validator.js.
jscodeshift 17.0 โ JavaScript codemod toolkit from Facebook.
๐ Turf.js 7.1 โ Modular geospatial analysis engine.
Marked 14.0 โ Fast Markdown compilerย /ย parser.