Friday Issue Nr.144

2025-10-17

back

This week’s issue is all about evolution and consolidation. Node.js continues its glow-up, with built-in replacements for popular NPM packages such as chalkglob, and even dotenv, drastically reducing dependency clutter while improving performance and security. React takes a big organisational leap with the newly announced React Foundation, backed by Amazon, Meta, and Microsoft, to ensure the project’s long-term independence.

Mastra enters the scene as a TypeScript-first framework for building AI applications, while ESLint 10 is shaping up to redefine rule authoring and configuration. Over on the CSS side, you’ll find exciting experiments like CSS Extras (a treasure chest of custom functions), articles on view transitions now fully supported across major browsers, and some beautifully practical colour system tutorials. Also worth a pause: an adorably tragic 404 page and a fascinating post about the tiny dot that broke Kotlin.

Happy reading!

JavaScript News

Node.js features that replace popular npm Packages

https://nodesource.com/blog/nodejs-features-replacing-npm-packages

React Foundations

The React Foundation will be led by a board of directors, with Seth Webster as executive director, to guide funding and resources for the React community in a vendor‑neutral way. Founding members include major contributors like Amazon, Meta, Microsoft, and others, with plans to welcome more in the future.

https://react.dev/blog/2025/10/07/introducing-the-react-foundation

Mastra

I’m trying to keep FE news to Frontend, but naturally, those boundaries are so blurred, and it feels like this is a totally appropriate post for FEDs, right?

“Purpose-built for TypeScript and designed around established AI patterns, Mastra gives you everything you need to build great AI applications out-of-the-box.”

https://mastra.ai/en/docs

What’s coming in ESLint v10.0.0

https://eslint.org/blog/2025/10/whats-coming-in-eslint-10.0.0/

Vue basics: State Management in Vue

Interesting that the concept is similar to what is used in Svelte or React, although the syntax is slightly different, of course. It looks like libraries are settling into some pattern which works best, which is good.

https://www.telerik.com/blogs/vue-basics-state-management-vue

Svelte MCP

https://svelte.dev/docs/mcp/overview

How to add fast client-side search to Astro static sites

https://evilmartians.com/chronicles/how-to-add-fast-client-side-search-to-astro-static-sites

Embed a PDF viewer for any website

https://github.com/embedpdf/embed-pdf-viewer

HTML & CSS News

CSS Extras

This package includes ~50 CSS custom functions. It will cover math, colour, typography, layout and more.

https://github.com/sindresorhus/css-extras/tree/main

Really interesting lib as it shows powerful CSS features, take a look at available functions: https://github.com/sindresorhus/css-extras/blob/main/index.css

Super sad 404 error page, almost cute.

https://codepen.io/jkantner/pen/YPwZWoy

The website redesign handbook

Well-written guide on website redesign steps, principles and concepts. Also, I really like this simple but elegant website.

https://16by9.net/handbook/introduction

Pragmatic guide to modern CSS colours

If working on a design system and want to create lighter and darker colours from the base colour quickly, then this is a great example.

1
:root {
2
  --base: hsl(217 73% 50%);
3

4
  --base-light: hsl(from var(--base) h s 75%);
5
  --base-dark: hsl(from var(--base) h s 25%);
6
}

And more in the post, of course

https://piccalil.li/blog/a-pragmatic-guide-to-modern-css-colours-part-one/

A Beginner-friendly guide to view transitions in CSS

https://developer.mozilla.org/en-US/blog/view-transitions-beginner-guide/

On other news, Firefox 144.0 will support transitions, and that means that all Major browsers are covered

https://www.firefox.com/en-US/firefox/144.0/releasenotes/

CSS grids and how to span content over cells

https://webkit.org/blog/17474/css-grid-a-helpful-mental-model-and-the-power-of-grid-lines/

Shapes() in CSS

If nothing else, you can learn a new word - Variablizing Things. That shape() is indeed a powerful drawing tool.

https://frontendmasters.com/blog/modern-css-round-out-tabs/

Mixed News

AI needs UI

Personalised Apps are already here, but with AI, this could be on the next level with hyper-personalisation.

https://odannyboy.medium.com/ai-needs-ui-31480100e7d8

Ten Usability Heuristics

When something has remained true for 26 years, it will likely apply to future generations of user interfaces as well.

https://www.nngroup.com/articles/ten-usability-heuristics/

Prompt framework C.R.A.F.T.E.D.

https://newsletter.eng-leadership.com/p/how-to-use-ai-to-help-with-software

The country that broke Kotlin

Fascinating bug-catching story where a tiny dot on top of i broke the code, or was it because the dot was missing? Anyway, excellent Friday’s read!

https://sam-cooper.medium.com/the-country-that-broke-kotlin-84bdd0afb237

Comment on BlueSky and Mastodon

Andris Švarcs

Somehow, I've survived over 15 years as a web developer without losing my interest in the craft. Quite the opposite, with so many great improvements in the Web standards, what was nearly impossible now is easy to make.

My career has been a wild ride through small agencies and big corporations, building everything from finance apps to health dashboards.

I'm that annoying person who needs to understand products beyond just slinging code. I ask questions like 'Why is this feature important?' and 'How will this improve the customer journey?' – you know, the kind of questions that make project managers reach for the pint aspirin. This curiosity has led me down the rabbit holes of design, accessibility, and SEO. Because apparently, making websites pretty, usable, and findable wasn't challenging enough on its own.

P.S. If this bio sounds too polished, blame my evil AI twin. I'm still working on teaching it sarcasm.

Copyright © since 2021, Andris Švarcs. All rights reserved.

Lets connect

bluesky

youtube

linkedin