Skip to content

JavaScript Every Month

Web in January 2025

Originally sent via Buttondown

Hello 2025 šŸ‘‹

The year has just begun, and significant changes are already occurring worldwide. Deepseek has disrupted the US stock markets with its low pricing and the GPUs used to train its models. The new American president has announced tariffs on Chinese products, which will impact e-commerce everywhere. Additionally, Elon Musk is now involved with the government regarding DOGE and seeks "read-only" access to government departments. To quote "The Verge," they have concluded that the government is essentially a network of computers, and controlling these computers means controlling the country.

Releases

Browsers

Firefox 134

  • align-self and justify-self CSS properties and place-self CSS shorthand property are now supported for absolutely positioned elements.
  • Promise.try takes a callback of any kind and wraps the result in a Promise. This is now in Baseline.

Safari 18.3

  • Resolved issues and deprecations.

Chrome 132

  • anchor-size() is allowed in insets and margins as well.
  • Support of sideways-rl and sideways-lr keywords for writing-mode. These will help write non-CJK text veritically.
  • Device posture API - determine the posture of a foldable device.
  • Toggle event when dialog elements open and close.
  • The WebAuthn Signal API enables relying parties to communicate information about existing credentials to credential storage providers. This functionality allows for the updating or removal of incorrect or revoked credentials from both the provider and the system user interface.

pnpm 10

  • pnpm has stopped executing lifecycle scripts by default. This is meant to increase security. Blog post
  • The pnpm link command now adds overrides to the root package.json

Node v22.13.0 (LTS)

  • permission model is now stable

ESLint 9.18.0

Vitest 3.0

  • Test reports should now have less flicker and more stable output.
  • single file for workspaces
  • more performant way to run your browser tests in different browsers or setups

Tailwind 4.0

  • New high-performance engine ā€” where full builds are up to 5x faster, and incremental builds are over 100x faster ā€” and measured in microseconds.
  • first party Vite plugin
  • automatic content detection
  • build in import support no postcss-import necessary
  • css first configuration - JavaScript configuration is still supported for backward compatibility
  • container queries, 4D transform, cascade layers, modernized color palette, theme variables.

In the Spotlight šŸ”¦

The Permissions API has been declared stable in the new Node.js LTS, so let's discuss it.

The Node.js documentation recommends using permissions as a "seat belt" approach. If you allow malicious code to run on your server, the Permissions API cannot protect you. Its purpose is to inform good code where the guardrails are.

To enable the Permissions API, you need to use the flag --permission:

node --permission index.js

Once enabled, various capabilities of Node.js processes will be restricted.

You would need to addon flags for each permission you want to grant Node.js. For example, if you want to allow node:fs to read and write files.

node --permission --allow-fs-read=* --allow-fs-write=* index.js

Tutorials

Accessibility essentials every front-end developer should know

Breaks it down to few core principles that every frontend developer should follow for accessiblity

  • Semantic HTML: Use the right elements for interactive and native functionality.
  • Forms: Simplify labels and structure to improve usability for everyone.
  • Keyboard navigation: Ensure users can navigate around with their keyboard.
  • Modals: Modals have many accessibility requirements.
  • Image alt texts: Write better descriptions to make images more accessible.
  • Styling: Enhance accessibility through focus indicators, responsive design, and reduced motion.
  • ARIA Attributes: When and how to use ARIA to fill accessibility gaps.

JavaScript Frameworks - Heading into 2025 - Ryan Carniato

This is the SolidJS creator's perspective on the future of the web in 2025:

  • We have moved too far in the server direction and may shift back the momentum.
  • Compiled frameworks like Svelte are here to stay.
  • There is a growing collection of pain points associated with signals. While this approach was initially celebrated, more people are now recognizing its trade-offs.

The MOST Starred JS Projects 2024 - SyntaxFM

Syntax has a 2024 rundown of projects with most stars. shadcn/ui topped the list of projects with the most stars in 2024, despite being only one year old. The recent video rundown also highlights various features released throughout the year related to these projects.

JavaScript Rising stars is also a website build on the same concept and allows to visualise stars ā­ in different categories.

Five years of React Native at Shopify

The Shopify blog updates on their learnings movings to React Native for their apps.

  • React Native apps are fast.
  • Hot reloading is awesome.
  • Typescript's ubiquity has facilitated seamless transitions for developers between React web and React Native, making mobile development more accessible for web developers and vice versa
  • Native devs are crucial. The goal is not to make a 100% React Native app. Switch to Native whenever better.
  • Debugging is flakey and requires some work setting up
  • Updating an app to new React native versions takes significant amounts of work
  • More reliance on 3rd party libraries.

In short

In Other News

WordPress is in trouble

Illustrates how the WordPress drama has evolved and where it is headed. Decisions are now being made out of spite rather than for the benefit of WordPress itself. Matt's post on Reddit What drama should I create in 2025 is just the icing on the cake.

We made MKBHD's Dream Phone - Nothing

Someone asked MKBHD about the specifications of his favorite phone. They then analyzed the cost of each material he requested. More interestingly, they also examined the R&D process and the hidden costs involved like support and marketing.

WTF is Artificial Intelligence Really? | Yann LeCun x Nikhil Kamath | People by WTF Ep #4

This is an amazing podcast featuring Zerodha founder Nikhil Kamath, where guest Yann LeCun explains terms used in artificial intelligence in a way that is easy for everyone to understand. Many topics are covered, making it a valuable resource for anyone new to the subject.

Another podcast I found interesting features Mukesh Bansal interviewing Anil Ananthaswamy, who discusses the history of AI and delves deeper into the question of "why" machines learn. Note that these are for beginners.

Also watch AI software sketch by SNL - it's not even that far from the real world.

Last Exam for Humanity

The exams we have are being easily passed by AIs. As a result, we are creating new questions designed to trip them up. It's entertaining to read through these, but I wonder if they will appear on future CAPTCHAs.

Ā 

AI Updates

There is going to be a lot of OpenAI news in here.

Looking Ahead

Subscribe to JEM Newsletter

Stay ahead of the curve in Web Development with Javascript Every Month Newsletter.

I will deliver a curated selection of articles, tutorials, and resources straight to your inbox once a month.

No spam, unsubscribe anytime.

Keyboard shortcuts

h
Go to Home
b
Go to Blog
w
Go to Webmarks
p
Open Projects
j
Go to Newsletter
t
Switch light and dark
s
Turn key sounds on or off
/
Search webmarks
?
Show this sheet

This keyboard hides a couple of secrets. One is spelled out on the home page; the other is older than most of the web.