Getting Started with Nuxt Image

Learn how to optimize images effortlessly in your Nuxt app using the NuxtImg component. Discover how to transform, cache, and resize images dynamically, improving performance with just a few lines of code. - https://masteringnuxt.com/blog/getting-started-with-nuxt-image

#vue

How to Avoid Flaky Tests in Playwright - https://semaphore.io/blog/flaky-tests-playwright

#javascript

Malware Found on npm Infecting Local Package with Reverse Shell

For the first time, RL researchers discover malicious locally-installed npm packages infecting other legitimate packages. - https://www.reversinglabs.com/blog/malicious-npm-patch-delivers-reverse-shell

#nodejs

Working with JavaScript's Scheduler API

A look at an API only available in Chromium/Edge for now, but that promises a way to prioritize and control task execution in a more refined way than was possible till now. - https://www.trevorlasn.com/blog/javascript-scheduler-api

#javascript

“Ports and Adapters” vs “Hexagonal Architecture” – is it the same pattern?

“Hexagonal Architecture” emphasizes the idea of a core surrounded by multiple sides (like a hexagon, but the number of sides does not matter) representing different external systems (adapters), with ports as their interfaces.  - https://angular.love/ports-and-adapters-vs-hexagonal-architecture-is-it-the-same-pattern

#angular

Why We Moved from Next.js to React Router  - https://documenso.com/blog/why-we-moved-off-next-js

#react

How to Set Up TypeScript with Node.js and Express - https://blog.logrocket.com/express-typescript-node/

#nodejs

13 Vue Composables Tips That Make Your Code Better

Vue composables are incredibly powerful, but they can quickly become messy and hard to maintain if you're not careful. In this article, the author identifies 13 tips that will help you write better, more maintainable composables. - https://michaelnthiessen.com/13-vue-composables-tips

#vue

Minimal CSS-Only Blurry Image Placeholders

Lean Rada shares a CSS technique that produces blurry image placeholders (LQIPs) without cluttering your markup. - https://leanrada.com/notes/css-only-lqip

#css

Get to Know the AfterRenderEffect

Angular 19 introduced a powerful new hook called afterRenderEffect, combining the capabilities of effect and afterRender into a single, efficient function. This makes it easier to manage side effects that depend on signal changes and the completion of Angular’s rendering cycle. Before diving into afterRenderEffect, let’s briefly recap the core concepts of effect and afterRender individually. - https://angular.love/get-to-know-the-afterrendereffect

#angular

React Reconciliation: The Hidden Engine Behind Your Components

React’s reconciliation algorithm is the process by which React knows how to update the DOM based on changes to the virtual DOM and understanding how it works is essential for producing fast, efficient apps. A great look behind the scenes. - https://cekrem.github.io/posts/react-reconciliation-deep-dive/

#react

How to Build a SolidJS App with Deno

SolidJS is a declarative library for creating user interfaces that emphasizes fine-grained reactivity and minimal overhead and it plays well with Deno. - https://deno.com/blog/build-solidjs-with-deno

#solidjs

Best VS Code Extensions for Vue.js and Nuxt Developers

Extensions are the secret sauce of efficient coding, especially when working with modern JavaScript frameworks like Vue.js and Nuxt. Discover the best VS Code extensions for Vue.js and Nuxt developers to boost productivity and streamline debugging. - https://vueschool.io/articles/vuejs-tutorials/best-vs-code-extensions-for-vue-js-and-nuxt-developers/

#vue

Node.js Testing Best Practices

A detailed guide to modern testing in Node from a group of developers who know all about it. It’s on GitHub but is essentially written like a free book covering over 50 battle-tested tips covering areas as diverse as the ‘Testing Diamond’, testing microservices, checking contracts, verifying OpenAPI correctness, and simulating flaky network conditions. - https://github.com/goldbergyoni/nodejs-testing-best-practices#readme

#nodejs

Advanced React in the Wild

A round-up of case studies showing how five different engineering teams have pushed React to the limit in production and their real-world wins in areas like performance, Core Web Vitals, caching, and more. A lot to enjoy here! - https://largeapps.dev/case-studies/advanced/

#react

What is Angular and What Should You Know About the Latest Angular Releases?

Angular is a modern open-source framework for building dynamic Single Page Applications (SPAs). It was developed by Google and written in TypeScript. Angular is designed to help you create fast, scalable web applications. Angular latest version offers even more useful features, making it a great choice for developers. - https://angular.love/what-is-angular-and-what-should-you-know-about-the-latest-angular-releases

#angular

Why GraphQL? A Developer-Friendly Guide to API Evolution

This post dives into why GraphQL exists, when to use it, and how it compares to REST—all explained in simple terms with real-world examples. - https://dev.to/lovestaco/why-graphql-a-developer-friendly-guide-to-api-evolution-51j5

#graphql

First Look at The Modern attr()

Ahmad Shadeed explores different use cases for the modern attr() function. - https://ishadeed.com/article/modern-attr

#css

Creating an AI Chat Experience with React and OpenAI

If you’d rather create your own streaming chat UI for OpenAI’s models (such as for the new API-only GPT 4.1 models) Robin has some pointers for getting started. - https://www.robinwieruch.de/react-ai-chat/

#react

The Ultimate Guide to Vue Performance

Good performance is a vital part of any web application. In this new course from the Vue School team, learn how to keep your Vue applications lightning fast by looking at common performance centered solutions such as virtual lists, the v-memo directive, the shallowRef function, and more! - https://vueschool.io/courses/the-ultimate-guide-to-vue-performance

#vue