✅👩‍💻 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

✅ Stop Resizing Your Browser: Improve Testing for Responsiveness

“When you resize your browser, you’re not testing for responsiveness. You’re testing the side effect of how a layout looks when you resize a browser.”

Link to the article

#test #browser #css

✅ Merge Anything 6.0: Merge Objects and Other Types Recursively

If you’re looking for something that goes a bit deeper than Object.assign(), say.

Link to the lib

#js #git #lib

✅ How to document your JavaScript package

Creating and publishing open source packages is a great way to contribute to the ecosystem and community. You made something cool and want people to use it.

But simply publishing your module to a registry and crossing your fingers won’t get users. Helping your users become successful with your package means not only writing concise, descriptive documentation, but also ensuring your users can access the documentation within their workflows (e.g. in VSCode) to save them time.

Link to the article

#jsdoc #js

✅ Want Out of React Complexity? Try Vue’s Progressive Framework

With frontend development, is it better to start simple and build on top of standard HTML, CSS and JavaScript? Or do you need a swiss army knife framework, like Next.js or Angular, with built-in functionality like server-side rendering (SSR), routing and navigation, and more complex forms of state management?

Link to the article

#vue #react

✅ How to Structure a Large Scale Vue Application

What is the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows? This is a question that I've heard on numerous occasions and I think one answer to that question lies in the principle of predictability.

When it comes to creating a scalable project you want everything about it to be as predictable as possible.

Link to the article

#vue

✅ Enhancing the React Migration Process with 'Codemods'

Codemod is an open-source platform for automating code migrations, cleanups and refactors. Upgrading to React 19 will involve a fair bit of that, so Codemod has partnered with the React team to build react-codemod – scripts to enhance the migration experience for React 19 onward.

Link to the article

#react #codemod

✅ 'I Tried React Compiler Today, and Guess What..'

The recently unveiled React Compiler automatically memoizes things – so can we ditch memo, useMemo and useCallback right away? Nadia investigates, finds the rough edges, and helps keep our feet on the ground.

Link to the article

#react

✅ Releases

Nuxt 3.12 – full of improvements and preparing the way for Nuxt 4!
Bun 1.1.13 – This release fixes 97 bugs (addressing 211 👍). Reliability improvements to bun install, WebSocket server, etc.
Node.js v22.3.0 (Current)
Inertia 1.2 - Build single-page apps, without building an API.

🫡 Nuxt 2 RIP - Nuxt 2 will reach End of Life (EOL) on June 30th, 2024

#releases