React 19.1 Released

Not cool enough to get a full blog post on the official blog, but 19.1 brings a lot to the table in terms of fixes, small additions (e.g. support for streaming in edge environments), a new API for prerendering RSCs on the server (as supported in Parcel 2.14.0), and enhanced Suspense support. The headline feature, though, is ‘Owner Stacks’, a development-only feature for more easily tracking which components are responsible for rendering other components. - https://github.com/facebook/react/releases/tag/v19.1.0

#react

Angular Material: Theming application with Material 3

Angular Material is a great tool for creating intuitive, responsive and visually appealing user interfaces. It offers pre-built, reusable UI components that adhere to Google’s Material Design guidelines.  - https://angular.love/angular-material-theming-application-with-material-3

#angular

Using Transformers.js for AI in the Browser

Transformers.js is a seriously impressive project we link from time to time that lets you run pretrained machine learning models in the browser. Here’s a practical look at actually playing with it yourself right now. - https://www.raymondcamden.com/2024/12/03/using-transformersjs-for-ai-in-the-browser

#javascript

Naming Variables In CSS

Jonathan Dallas shares some thoughts related to naming CSS Custom Properties. - https://jwdallas.com/posts/namingcssvariables

#css

Optimizing Data Loading in Nuxt with Parallel Requests

Learn how to optimize Nuxt data loading performance by implementing parallel requests with useAsyncData, reducing page load times compared to sequential data fetching operations. Includes code examples and performance comparisons. - https://vueschool.io/articles/vuejs-tutorials/optimizing-data-loading-in-nuxt-with-parallel-requests/

#vue

Land Ahoy: Leaving the Sea of Nodes

A deeply technical post from a core member of the V8 JavaScript engine team that explains the limitations of Turbofan, one of V8’s optimizing compilers. If you don’t care for the internals of how your JavaScript is compiled and run, just be assured the V8 team is working to make it run even faster! - https://v8.dev/blog/leaving-the-sea-of-nodes

#nodejs

10 Backend Terms Every Frontend Developer Should Know

This post addresses the common communication gap in daily standup meetings where frontend developers often struggle to understand backend developers' updates due to specialized terminology. The author aims to explain backend jargon to help bridge this knowledge gap between frontend and backend teams. - https://dev.to/thesanjeevsharma/10-backend-terms-every-frontend-developer-should-know-2o2h

#frontend #developer

Building Robust React Apps with Zustand and Immer  - https://zwit.link/posts/20250301173228-building-robust-react-apps-with-zustand-and-immer/

#react

What LinkedSignal is and how to use it

Angular 19 was an amazing release and shipped great features. One of them is the LinkedSignal. The tl;dr version is that LinkedSignal is similar to the computed function, with the difference that the computed returns a read-only signal, whereas LinkedSignal returns a writable signal. Let’s dive a bit deeper to understand what it is and how to use it. - https://angular.love/what-linkedsignal-is-and-how-to-use-it

#angular

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