#615 — November 18, 2022
Deno 1.28 Released with (Better) npm Compatibility — 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 for examples.
🧈 Retire Your Legacy CMS with ButterCMS — 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 — 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.
Nuxt 3.0: The Vue.js-Based Webapp Framework — 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.
Daniel Rosenwasser (Microsoft)
Narwhal, the company behind the Nx monorepo-oriented build system, has raised $8.6m in seed funding. You’re gunna need a bigger monorepo.
CORRECTION: Apologies to Netlify for us crediting their Jamstack survey results 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 from GitHub. Open licensed, variable features, and a snazzy landing page, too.
↳ Web automation & browser control.
↳ Fast, easy and reliable testing. Now supports Next 13.
🧹 NPKILL 0.10 – node_modules tidier.
Derby 1.1 – Full-stack MVC app framework.
📒 Articles & Tutorials
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.
ECMAScript Proposal: RegExp’s /v Flag — 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
Styling Form States Without JS — You can get a long way with the :has pseudo class and it’s semi-well supported.
▶ A Crash Course for GitHub Codespaces — Building a simple Node app. (40 minutes.)
Component Driven Development with Storybook and Nightwatch
🛠 Code & Tools
tslog 4.0: Expressive Logging with TypeScript Support — 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.
TanStack Router: A Fully Type-Safe Router — Powerful routing and first-class search-param APIs for React, Solid, Vue and Svelte. Built in caching, auto prefetching, and more.
Zigi: Your Automated Workflow Assistant for All Things Non-Code
Wireit: Upgrades Your npm Scripts to Make Them Smarter and More Efficient — 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!)
AEWC: Web Component to Add the Ace Code Editor to a Page — Ace is a mature code editor control and this wraps it up in Web Component form.
OverlayScrollbars 2.0: JS Scrollbar Plugin to Replace Native Scrollbars — Provides custom styleable overlay scrollbars while keeping a native functionality and feel. Use judiciously. v2.0 is a full rewrite in TypeScript and smaller, too.
Build Frictionless, Secure, High-Converting Onboarding Flows — The all-in-one developer platform for auth. Launch a login flow in minutes using our API and SDKs. Start building today.
↳ Web Component for generating QR codes. (Demo.)
↳ Drop-in Excel-like spreadsheet component. (Demo.)
Happy DOM 7.7
↳ JS implementation of a browser sans GUI.
↳ X-platform native PWA app API and toolkit.
↳ Concurrency management for Vue and Composition API.
<relative-time> 3.3 — Extensions to <time>
DOCX 7.7 – Generate .docx files.
React95 4.0 – Win95-style React components.
Software Engineer — Join our “kick ass” team. Our software team operates from 17 countries and we’re always looking for more exceptional engineers.
📟 Where are my Turbo Pascal, QBasic, or Turbo C++ folks at?