--- title: "Nuxt 3.0, TypeScript 4.9, Angular 15.." publication: "JavaScript Weekly" issue: 615 published_at: "2022-11-18" canonical_url: "https://javascriptweekly.com/issues/615" --- Plus building DOS apps with JavaScript, beautiful logging, magical particles, and Node 19.1. | #​615 — November 18, 2022 [Read on the Web](https://javascriptweekly.com/issues/615) Together with [![ButterCMS\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_700,h_100/e_make_transparent/co_white,e_outline:10/h4j9v0v4af8ufqqreqfq.png)](https://buttercms.com/?utm_source=jsweekly&utm_medium=email&utm_campaign=retirelegacycms) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/n0wbqjdd2lkqsqxrfpwv.jpg)](https://jrsinclair.com/articles/2022/whats-so-great-about-functional-programming-anyway/) [What’s So Great About Functional Programming?](https://jrsinclair.com/articles/2022/whats-so-great-about-functional-programming-anyway/) — If anyone has excitedly insisted you check out Elm, PureScript, Haskell or F#, they may have caught _Functionitis™_ and want you to catch it too. James, author of the forthcoming **_Skeptic’s Guide to Functional Programming with JavaScript_**, sells the ideas behind functional programming here in a way we can all grok. _“It’s all about confidence.”_ James Sinclair [Deno 1.28 Released with (Better) `npm` Compatibility](https://deno.com/blog/v1.28) — Most of us are attached to the npm ecosystem and packages, so it’s great to see alternative runtime Deno making it easier to use them with no `node_modules`, `package.json` or `npm install` in sight. The Deno Team 💡 Deno is worth a fresh look, if only for how it’s brought so many tools into one easy place – see [this Node to Deno cheatsheet](https://deno.land/manual@v1.28.0/references/cheatsheet) for examples. [![\](https://copm.s3.amazonaws.com/0c24d900.png)](https://buttercms.com/?utm_source=jsweekly&utm_medium=email&utm_campaign=retirelegacycms) [🧈 Retire Your Legacy CMS with ButterCMS](https://buttercms.com/?utm_source=jsweekly&utm_medium=email&utm_campaign=retirelegacycms) — ButterCMS is your new content backend. We’re SaaS so we host, maintain, and scale the CMS. Enable your marketing team to update website + app content without needing you. Try the #1 rated SaaS Headless CMS for your JS app today. Free for 30 days. 🧈 ButterCMS sponsor [Angular v15 Released](https://blog.angular.io/angular-v15-is-now-available-df7be7f2f4c8) — It may not be the newest shiny thing, but Angular is dependable, widely used, and well maintainted. In v15, its legacy compiler is gone, standalone APIs (no NgModules!) are a stable mainstream feature, and the directive composition API opens up new code reuse strategies. It’s all on display here. Minko Gechev [Nuxt 3.0: The Vue.js-Based Webapp Framework](https://nuxt.com/v3) — Two years in the making, 3.0 is a rewrite based on Vite, Vue 3, and Nitro (the server engine) with first-class TypeScript support. If Vue is your thing, this may be the full stack option for you. Pooya Parsa [Announcing TypeScript 4.9](https://devblogs.microsoft.com/typescript/announcing-typescript-4-9/) — The latest version of the popular typed JavaScript superset and associated tooling gains the [`satisfies` operator](https://tomdohnal.com/posts/typescript-satisfies-keyword) for matching types without losing them, [auto-accessors](https://devblogs.microsoft.com/typescript/announcing-typescript-4-9/#auto-accessors-in-classes) in classes, a change to how NaN equality checks are done, plus editor tooling and perf improvements. Daniel Rosenwasser (Microsoft) **IN BRIEF:** - Narwhal, the company behind the [Nx](https://nx.dev/) monorepo-oriented build system, has [raised $8.6m in seed funding.](https://techcrunch.com/2022/11/17/with-8-6m-in-seed-funding-nx-wants-to-take-monorepos-mainstream/) _You're gunna need a bigger monorepo._ - **CORRECTION:** Apologies to Netlify for us crediting their [Jamstack survey results](https://jamstack.org/survey/2022/) to _Vercel_ last week. Thanks to Cassidy Williams (& others) for letting us know. Unlike with Shopify vs Spotify, we have no excuse 😁 - We're loving [these two new fonts](https://github.com/mona-sans) from GitHub. Open licensed, variable features, and a snazzy landing page, too. **RELEASES:** - [Playwright 1.28](https://github.com/microsoft/playwright/releases/tag/v1.28.0) ↳ Web automation & browser control. - [Cypress 11.1](https://docs.cypress.io/guides/references/changelog#11-1-0) ↳ Fast, easy and reliable testing. Now supports Next 13. - 🧹 [NPKILL 0.10](https://github.com/voidcosmos/npkill) – `node_modules` tidier. - [Derby 1.1](https://derbyjs.com/) – Full-stack MVC app framework. - [Node.js 19.1.0](https://nodejs.org/en/blog/release/v19.1.0/) 📒 Articles & Tutorials [The Magical World of Particles with React Three Fiber and Shaders](https://blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/) — You'll learn a lot about shaders and rendering particle effects in this fascinating interactive primer. Maxime Heckel [ECMAScript Proposal: RegExp's `/v` Flag](https://2ality.com/2022/11/regexp-v-flag.html) — A proposed new regular expression flag `/v` would improve support for multi-codepoint graphemes (like some emojis) in character classes, allow the nesting and combination of character classes, and improve case-insensitive matching for negated classes. It’s complicated but Axel boils it down. Dr. Axel Rauschmayer [Quokka.js - The Fastest Way to Learn JavaScript / TypeScript](https://quokkajs.com/?utm_source=cooperpress&utm_medium=javascriptweekly&utm_content=javascriptweekly) — With 2M+ downloads, Quokka.js is the #1 tool for exploring and testing JavaScript/TypeScript. Vite support is coming soon. Wallaby.js sponsor [Styling Form States Without JS](https://webkit.org/blog/13096/css-has-pseudo-class/#styling-form-states-without-js) — You can get a long way with the `:has` pseudo class and it’s [semi-well supported](https://caniuse.com/?search=%3Ahas%28%29). Jen Simmons ▶[A Crash Course for GitHub Codespaces](https://www.youtube.com/watch?v=D_5T6KMTRb8) — Building a simple Node app. _(40 minutes.)_ Hitesh Choudhary [Component Driven Development with Storybook and Nightwatch](https://pineview.io/supercharge-your-storybook-with-nightwatch-testing/) Andrei Rusu 🛠 Code & Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/b6wo7h8kax17r5q7pt4q.jpg)](https://tslog.js.org/) [tslog 4.0: Expressive Logging with TypeScript Support](https://tslog.js.org/) — Feature packed, fully typed, can do stack traces via the native V8 API, show code frames, and more. Now supports both Node _and_ the browser. Eugene Terehov [TanStack Router: A Fully Type-Safe Router](https://tanstack.com/router/v1) — Powerful routing and first-class search-param APIs for React, Solid, Vue and Svelte. Built in caching, auto prefetching, and more. Tanner Linsley [Zigi: Your Automated Workflow Assistant for All Things Non-Code](https://www.zigi.ai/?utm_campaign=cooperpress&utm_medium=newsletter&utm_source=JavaScript-Weekly) Zigi sponsor [Wireit: Upgrades Your npm Scripts to Make Them Smarter and More Efficient](https://github.com/google/wireit) — A library that extends npm/pnpm/yarn to make existing scripts more efficient and support things like parallelism, cascades, and result caching (essentially memoization for `npm run`!) Google [AEWC: Web Component to Add the Ace Code Editor to a Page](https://github.com/MarketingPipeline/Ace-Editor-Web-Component/) — [Ace](https://ace.c9.io/) is a mature code editor control and this wraps it up in Web Component form. Marketing Pipeline [Twix: Style React Components with Tailwind CSS](https://github.com/Idered/twix) — If you never liked having CSS in your JavaScript, how about Tailwind instead? Kasper Mikiewicz [OverlayScrollbars 2.0: JS Scrollbar Plugin to Replace Native Scrollbars](https://kingsora.github.io/OverlayScrollbars/) — Provides custom styleable overlay scrollbars while keeping a native functionality and feel. Use judiciously. [v2.0](https://github.com/KingSora/OverlayScrollbars/blob/master/packages/overlayscrollbars/CHANGELOG.md#200) is a full rewrite in TypeScript and smaller, too. Rene Haas [Build Frictionless, Secure, High-Converting Onboarding Flows](https://stytch.com/?utm_source=javascript-weekly&utm_medium=paid_sponsorship&utm_campaign=javascript-weekly-sponsored-link-20221118) — The all-in-one developer platform for auth. Launch a login flow in minutes using our API and SDKs. [Start building today](https://stytch.com/?utm_source=javascript-weekly&utm_medium=paid_sponsorship&utm_campaign=javascript-weekly-sponsored-link-20221118). Stytch sponsor - [ 1.1](https://github.com/educastellano/qr-code) ↳ Web Component for generating QR codes. ([Demo.](http://educastellano.github.io/qr-code/demo/)) - [FortuneSheet 0.9](https://github.com/ruilisi/fortune-sheet) ↳ Drop-in Excel-like spreadsheet component. ([Demo.](https://ruilisi.github.io/fortune-sheet-demo/?path=/story/features--basic)) - [Happy DOM 7.7](https://github.com/capricorn86/happy-dom) ↳ JS implementation of a browser _sans_ GUI. - [Capacitor 4.5](https://github.com/ionic-team/capacitor) ↳ X-platform native PWA app API and toolkit. - [vue-concurrency 4.0](https://github.com/MartinMalinda/vue-concurrency) ↳ Concurrency management for Vue and Composition API. - [ 3.3](https://github.com/github/relative-time-element) — Extensions to `