✅ Next.js 15 Release Candidate

The popular React meta framework gets ready for a major new release with a RC giving you an opportunity to experiment with React 19 (and React Compiler) support, executing code after a response with next/after, and a few potentially breaking changes.

Link to the release

#next #react

✅ Releases

Knip 5.17.0 – Finds and removes unused files, dependencies and exports. Now with more.
PM2 5.4 – Popular Node.js-based process manager for production.
Melange 4.0 – OCaml compiler for JavaScript developers.
Neutralinojs 5.2 – Lightweight cross-platform desktop app framework.
Billboard.js 3.12 – The popular chart library gets funnel charts.
Peaks.js 3.4 – BBC-created audio waveform UI component.
Happy DOM 14.12 – JS implementation of a web browser sans UI.
Retire.js 5.0 – Scans for JS libraries with known vulnerabilities.
React Native Boilerplate 4.2 – A starter template for RN apps.
RE:DOM 4.1 – Tiny library for creating user interfaces.
AlaSQL.js 4.4 – Isomorphic JavaScript SQL database.
is-what 5.0 – Simple, small JS type check functions.
FxTS 1.0 – Functional programming library.

#js #release #tools

✅ Super CSS Mario

A slightly wobbly but CSS-only keyboard game in which Mario has to collect some coins whilst avoiding Goombas – the usual story. It’s a Chromium-only experiment, so won’t work in Firefox or Safari.

Link to the game (only Chromium)

#fun

✅ Old Dogs, New CSS Tricks?

We might be in the middle of a CSS renaissance, but with low uptake of many modern features, Max questions if 'feature fatigue' is setting in. He also considers what we can do to ensure uptake of these nice new features and how to fit them into our thought processes.

Link to the article

#css

✅ 10 Modern Node.js Runtime Features to Start Using in 2024

If it ever feels like the new feature spotlight shines too much on Bun or Deno, never fear - Node.js has been taking huge strides forward too. Liran looks at lots of what’s new.

Link to the article

#js #node

Evan You ✅

The many different ways of writing a Vue component has become a historical burden that creates fragmentation among codebases and confusion for new developers. I do think at some point we will need to be more opinionated on what you should use for new projects so that future projects look more consistent - but that will largely be a documentation change. It doesn't mean we need to take away the ability to use Options API, especially in existing codebases.

#vue #EvanYou

✅ Hono 4.4: The Standards-Based JS Web App Framework for Everywhere

Hono is a small, fast web framework with a straightforward API, middleware support, and that runs pretty much on anything (Deno, Bun, Node, Cloudflare, and more). v4.4 brings it to JSR, adds timeout middleware, and a helper to get information about connected clients.

Link to the Hono

#js #node #server

✅ 👩‍💻 How to Structure Vue Projects

When initiating a Vue project, it's crucial to think about its structure. The primary consideration is the anticipated scale of the project. In this blog post, author will explore various structures suited to Vue projects of differing sizes.

Link to the article

#vue #js #designSystem

✅👩‍💻 Introducing a new router for Vue

Virtually every developer using Vue.js is currently using or has only ever used vue-router. Many of those developers, author included, are mostly happy with it. The biggest complaint author hears is the lack of strongly typed routes, which is usually solved with a bit of Typescript wrapping your routes.

Link to the article
Link to the lib

#vue #router #kitbag

✅ Releases

Turborepo 2.0 – The high-performance build system.
ESLint 9.4 – Find and fix problems in your JavaScript code.
🦖 Docusaurus 3.4 – The fantastic site / docs site framework.
Prettier 3.3 - This release includes support for new Flow features such as component and hook declarations
Biome 1.8 - One toolchain for your web project
Ember.js 5.9
pnpm 9.2

#releases

✅ The Gap

A thorough, detailed exploration of the various pain points that the widely supported CSS 'gap' property solves. Lots of code examples and demos here to help you get a solid understanding of things.

Link to the article

#css

✅ An Intro to CSS Anchor Positioning with Basic Examples

This is a solid overview of the CSS Anchoring API (already available in Chrome 125), highlighting some of its shortcomings, the wins it introduces for creating complex layouts, and more.

Link to the article

#css

✅ How Deep is Your DOM?

A look at how the depth of a DOM tree affects rendering performance. Plus, a question the Bee Gees might have had, if they had been web designers..

Link to the article

#html

✅ Promises from the Ground Up

Josh notes that in order to truly understand promises, a fundamental part of modern JS development, we need “a surprisingly deep understanding of how JavaScript works and what its limitations are”. Luckily, this tutorial covers all the critical context you need.

Link to the article

If you're a bit more advanced, you might enjoy Alex MacArthur's look at controlling promises using Promise.withResolvers().

#js #base

✅ CSS Length Units

A comprehensive guide covering nine types of lengths that CSS uses to size elements in terms of dimensions, space, time, and even sound. The sort of thing worth bookmarking.

Link to the article

#css

✅ htmx: Simplicity in an Age of Complicated Solutions

htmx provides access to numerous dynamic features, like Ajax requests and page updates, by way of HTML attributes, and has been increasing in popularity recently. Erik looks at why its simplicity is particularly appealing.

Link to the article

#js #htmx