✅ 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

✅ Astro 4.10

Astro 4.10 is out with experimental type-safe environment variables, as well as enhancements to the Container API and Rewrites.

Full release highlights include:

- Experimental: astro:env module
- Rewrite for all HTTP methods
- Embedding Astro in server frameworks
- Container API helpers

Link to the release

#releases #astro #vue #react #static

✅ DGM.js: Infinite Canvas Library with Smart Shapes

A library for rendering and working with infinitely pannable canvases that contain ‘smart shapes’ that you can script and give various constraints and properties.
GPLv3 licensed.

Link to the lib

#react #tool #lib

✅ TC39 Meets Again and Advances Key Proposals

The Ecma TC39 group that pushes forward the development of ECMA/JavaScript met again this week and moved several key proposals forward, including Deferred Import Evaluation, Error.isError(), RegExp escaping, and Promise.try.

Link to the article

#js #engine #ecma

✅ How to Compose JS Functions That Take Multiple Parameters

“Function composition is beautiful,” says James, who goes on to explain, in his usually elegant way, the use of partial application, currying, composite data structures, and more.

Link to the article

#js

✅ A Full-Stack Web Push API Guide

A complete implementation of push notifications in a Remix app. “If you follow the walk through to the end, you’ll have working push notifications.”

Link to the article

#react #notifications #remix #fullstack

✅ Sonner 1.5: The Opinionated Toast Component

Styled by default but customizable. There’s a live demo to try on the homepage, or hit up the GitHub repo.

Link to the lib

#tool #react #lib

✅ Generating ZIP Files with JavaScript

JSZip makes it easy to dynamically create an archive for users to download.

Link to the article

#js #lib #tools

✅ Bread Jam: Make Variables and Properties Easier to See in VS Code

An interesting new VS Code extension that offers 11 different ways to make variable names stand out more in your editor, with both basic colorization approaches and an interesting emoji-based prefix option.

Link to the extension

#extension #vscode #fun

✅ How To 'Hack' Your Google Lighthouse Scores In 2024

Lighthouse is influenced by a number of things that can be manipulated and bent to make sites seem more performant than they really are, as demonstrated here. Stuff like this is well worth knowing to ensure you’re not led down a path and misinformed on performance.

Link to the article

#google #performance #lighthouse #debug