‘It’s a miracle anything about this ecosystem works at all.’
#637 — May 4, 2023
Psst.. if you’re wondering about the context of today’s subject line, see the first ⚡️ In Brief.
Angular v16 Released — With the “biggest release since the initial rollout of Angular”, v16 of the extensive framework introduces a preview of a new signals-based reactivity model (a.k.a. Angular Signals), RxJS interop, improved SSR and hydration, experimental esbuild support, Jest unit testing, and more.
???? See the end of this issue where Minko makes the case for Angular in 2023.
Bring Your Team from Zero to 100 Deploys a Day — Curious about how companies such as Atlassian, Google, and Netflix deploy hundreds of times a day? What strategies do they use to achieve efficiency? This guide provides you with tips and tricks on how these companies scaled their deployments so that you can do the same.
Robin Ginn (OpenJS Foundation)
⚡️ IN BRIEF:
Mark Erikson (Redux) wrote a Twitter thread about ???? things he has to keep in mind when publishing a library in 2023 – it’s a lot. He summarized: “It’s a miracle anything about this ecosystem works at all.”
We plan to write about this in a future issue, but Deno KV is a new in beta key value store now baked into both the Deno runtime (as of Deno 1.33) and available in the cloud.
A roundup of what’s new in the Svelte world.
Node.js can now run on every major browser engine as WebContainers now run on Safari, iOS and iPadOS, as well as Chrome and Firefox. Live demo.
Chrome is to replace the ???? icon in the location bar with a vaguer ‘tune’ icon.
Popular app hosting platform Vercel has added three new first-class storage options for files, Postgres databases, and Redis-like key/value stores.
Capacitor 5.0 – Build cross-platform native PWAs.
pnpm 8.4 – Efficient package manager.
???? Articles & Tutorials
The Interactive Guide to Rendering in React — An interactive, illustrated guide exploring why, when and how React renders, complete with a series of well thought out animations.
Josh W Comeau
Crafting the Next.js Website — The official Next.js site is impressive, but what went into it? One of the designers shares some of the implementation details which aren’t particularly React-y but may prove inspiring to you.
Exposing a Rust Library to Node with NAPI-RS
???? Code & Tools
date-fns 2.30: A Modern Date Utility Library — It’s been a couple of years since we linked to this “lodash for dates” that’s packed with over 200 date and time manipulation functions, but it continues to get updates and a v3 is on the way. GitHub repo.
Chart.js 4.3: Canvas-Based Charts for the Web — One of those libraries that feels like it’s been there forever but still looks fresh and continues to get good updates. Bar, line, area, bubble, pie, fonut, scatter, and radar charts are all a piece of cake to render. Samples and GitHub repo.
Beautiful Security and License Compliance Reports for Your App’s Dependencies — Free & Open Source: Try the Better NPM Audit for Your App Now.
Axios 1.4: Promise-Based HTTP Client for Browser and Node — A long standing project and still getting frequent updates despite rapidly being seen as the ‘jQuery of HTTP request libraries.’ If you need it, you’ll know.
Marked.js 5.0: A Fast Markdown Parser and Compiler — A low-level Markdown compiler built for speed and available as a client-side library, server-side library, and even a CLI. v5.0 deprecates some options in favor of using external plugins. Here’s a live demo.
Mock Service Worker 1.2: REST/GraphQL API Mocking Library — Intercepts requests which you can then mock. Capture outgoing requests using an Express-like routing syntax, complete with parameters, wildcards, and regexes. GitHub repo.
Bryntum Grid sponsor
Pretty TypeScript Errors: Make Errors Prettier and Human-Readable in VS Code
next-sitemap: Sitemap Generator for Next.js Apps
Team Lead Web Development — Experienced with Node, React, and TS? Join us and lead a motivated team of devs and help grow and shape the future of our web app focused on helping millions explore the outdoors.
???????? Got a job listing to share? Here’s how.
Tremor 2.4 – React library to build dashboards.
oclif 3.9 – Node.js CLI app framework.
github-script 2.1 – GitHub Actions workflows in JS.
Highlight.js 11.8 – Syntax highlighter.
Plotly.js 2.22 – Data visualization library.
ngx-stripe 16.0 – Angular wrapper for Stripe Elements.
???? A quick word from Angular’s Minko Gechev
We’re testing all core modules such as framework, router, forms, etc. on over 4,000 Google projects on every commit to guarantee stability and integration.
We’re sharing updates in a predictable release schedule (twice a year) where we evolve everyone via the same mechanism we use to keep every project at Google to the HEAD commit on the main branch on GitHub. It’s integrated as part of the ng update command of the CLI.
With the recent updates we’ve been:
Catching up with some of the use cases we were missing.
Advancing the performance and developer experience, while setting the foundation for more advancements throughout 2023 and 2024.
On the second point, we’re expecting lots of more improvements in reactivity and SSR in the next 12 months.
So there you have it.