Mastering State Management in Angular with NgRx and signals: Scalable, Predictable, Performant
Explore how NgRx helps you manage complex application state in Angular using the power of Redux-inspired architecture. This talk demystifies NgRx concepts like Store, Actions, Reducers, Effects, and Selectors — with real-world examples to help you write scalable and maintainable code. - https://angular.love/mastering-state-management-in-angular-with-ngrx-and-signals-scalable-predictable-performant
#angular
Explore how NgRx helps you manage complex application state in Angular using the power of Redux-inspired architecture. This talk demystifies NgRx concepts like Store, Actions, Reducers, Effects, and Selectors — with real-world examples to help you write scalable and maintainable code. - https://angular.love/mastering-state-management-in-angular-with-ngrx-and-signals-scalable-predictable-performant
#angular
Angular.love
Angular.love - Blog and community for Angular fans
Angular.love - a place for all Angular enthusiasts created to inspire and educate.
👍1
Teaching Next.js Route Handlers to GitHub Copilot
Ever tried getting Copilot to write a Next.js app using modern App Router features? Turns out, it struggles badly. This guide describes how you can fix that by providing the right context - https://www.ericburel.tech/blog/teaching-nextjs-to-github-copilot
#react
Ever tried getting Copilot to write a Next.js app using modern App Router features? Turns out, it struggles badly. This guide describes how you can fix that by providing the right context - https://www.ericburel.tech/blog/teaching-nextjs-to-github-copilot
#react
www.ericburel.tech
Generating Next.js Route Handlers with GitHub Copilot
"What's funnier that teaching Next.js to human beings? Teaching Next.js to LLMs!
👍1
Some little ways I’m using CSS :has() in the real world
This is a practical look at how Andy Bell has been using the :has() pseudo-class in actual client projects. He shares a few real-world examples, like adjusting banner layouts based on the presence of a button or using :has() to flexibly style form labels when they contain inputs. Nothing fancy here, but definitely a solid read if you want to see how :has() can make your life easier. - https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world
#css
This is a practical look at how Andy Bell has been using the :has() pseudo-class in actual client projects. He shares a few real-world examples, like adjusting banner layouts based on the presence of a button or using :has() to flexibly style form labels when they contain inputs. Nothing fancy here, but definitely a solid read if you want to see how :has() can make your life easier. - https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world
#css
Piccalilli
Some little ways I’m using CSS :has() in the real world
I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects.
👍1
Core Nuxt Features for Fast, Scalable, and SEO-Optimized Web Apps
This article explores a carefully curated selection of core Nuxt.js features that make it a standout framework, focusing on how they enhance performance, developer experience, and scalability. - https://www.monterail.com/blog/core-nuxt-features-for-web-apps
#vue
This article explores a carefully curated selection of core Nuxt.js features that make it a standout framework, focusing on how they enhance performance, developer experience, and scalability. - https://www.monterail.com/blog/core-nuxt-features-for-web-apps
#vue
Monterail
Core Nuxt Features for Fast, Scalable, and SEO-Optimized Web Apps | monterail blog
Learn how to enhance web app development with core Nuxt features. Explore flexible rendering modes, TypeScript support, data fetching mechanisms, modular architecture, and more.
❤3
How to Choose the Transport Protocol for Your NestJS Microservice
NestJS, a progressive framework for building… - https://blog.stackademic.com/how-to-choose-the-transport-protocol-for-your-nestjs-microservice-a4c9ef1cacd6
#nodejs
NestJS, a progressive framework for building… - https://blog.stackademic.com/how-to-choose-the-transport-protocol-for-your-nestjs-microservice-a4c9ef1cacd6
#nodejs
Medium
How to Choose the Transport Protocol for Your NestJS Microservice
NestJS, a progressive framework for building efficient, scalable Node.js applications, offers robust tools for microservice communication…
👍2
System Architecture: Distributed task scheduling service
Microservices/event-driven worker-based architecture… - https://readmedium.com/system-architecture-distributed-task-scheduling-service-46b293335bb8
#system #design
Microservices/event-driven worker-based architecture… - https://readmedium.com/system-architecture-distributed-task-scheduling-service-46b293335bb8
#system #design
Readmedium
System Architecture: Distributed task scheduling service
Microservices/event-driven worker-based architecture of highly scalable distributed task scheduling service
👍1
CSS animation-composition
Tyler Gaw’s article on CSS animation-composition explains how to gain more control over animations by letting you adjust whether values replace, add to, or accumulate with existing styles. While it’s not something you’ll use every day, this property is great for more complex animation scenarios where precision is key. - https://12daysofweb.dev/2023/animation-composition
#css
Tyler Gaw’s article on CSS animation-composition explains how to gain more control over animations by letting you adjust whether values replace, add to, or accumulate with existing styles. While it’s not something you’ll use every day, this property is great for more complex animation scenarios where precision is key. - https://12daysofweb.dev/2023/animation-composition
#css
12daysofweb.dev
CSS animation-composition | 12 Days of Web
Use the CSS animation-composition property for advanced control over how values are applied during keyframe animations.
❤1👍1🔥1
How to Create Kinetic Image Animations with React Three Fiber
A fantastic visual effect for the Web (which can try live here) that’s explained in technical detail. It’s amazing what React Three Fiber can do and might inspire you to have a play for yourself.. - https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/
#react
A fantastic visual effect for the Web (which can try live here) that’s explained in technical detail. It’s amazing what React Three Fiber can do and might inspire you to have a play for yourself.. - https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/
#react
Codrops
How To Create Kinetic Image Animations with React-Three-Fiber | Codrops
Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.
❤1👍1
PSA: Beware of End-of-Life Node.js Versions
Matteo Collina notes the Node.js ecosystem is “at a critical juncture”, with v18 and earlier now ‘End-of-Life’. He breaks down what that really means for users of legacy versions, and why you should skip Active LTS v20 and leap straight to v22 for maximum future-proofing. If you have to stay on older versions, though, Matteo shares an option to consider. - https://nodejs.org/en/blog/announcements/node-18-eol-support
#nodejs
Matteo Collina notes the Node.js ecosystem is “at a critical juncture”, with v18 and earlier now ‘End-of-Life’. He breaks down what that really means for users of legacy versions, and why you should skip Active LTS v20 and leap straight to v22 for maximum future-proofing. If you have to stay on older versions, though, Matteo shares an option to consider. - https://nodejs.org/en/blog/announcements/node-18-eol-support
#nodejs
nodejs.org
Node.js — Beware of End-of-Life Node.js Versions - Upgrade or Seek Post-EOL Support
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
👍2
Understanding Vue’s Virtual DOM
In this article, you'll explore how Vue’s Virtual DOM works can help optimize your applications and write more efficient code. - https://dev.to/jacobandrewsky/understanding-vues-virtual-dom-108p
#vue
In this article, you'll explore how Vue’s Virtual DOM works can help optimize your applications and write more efficient code. - https://dev.to/jacobandrewsky/understanding-vues-virtual-dom-108p
#vue
DEV Community
Understanding Vue’s Virtual DOM
Vue.js is a progressive JavaScript framework that offers a reactive and efficient way to build user...
❤2👍1
Maximizing Productivity in Angular: Advanced Configurations in angular.json…
Optimizing the generation of Angular components… - https://readmedium.com/maximizing-productivity-advanced-configurations-in-angular-json-2846cb739f68
#angular
Optimizing the generation of Angular components… - https://readmedium.com/maximizing-productivity-advanced-configurations-in-angular-json-2846cb739f68
#angular
Readmedium
Maximizing Productivity in Angular: Advanced Configurations in angular.json (2024)
Optimizing the generation of Angular components, classes, directives, guards, modules, pipes, and services.
👍1
The New CSS Math: rem() and mod()
Dan Wilson's article dives into two new CSS math functions, rem() and mod(), which bring remainder and modulus operations directly to CSS. With rem(), you can calculate remainders just like in JavaScript’s %, while mod() gives you similar behavior but with a twist—it takes the sign of the divisor instead of the dividend. These functions are handy for more precise control over layout and rotation, and while they’re available in Safari and Firefox, you’ll need to enable a feature flag in Chrome/Edge. - https://danielcwilson.com/posts/mathematicss-rem-mod
#css
Dan Wilson's article dives into two new CSS math functions, rem() and mod(), which bring remainder and modulus operations directly to CSS. With rem(), you can calculate remainders just like in JavaScript’s %, while mod() gives you similar behavior but with a twist—it takes the sign of the divisor instead of the dividend. These functions are handy for more precise control over layout and rotation, and while they’re available in Safari and Firefox, you’ll need to enable a feature flag in Chrome/Edge. - https://danielcwilson.com/posts/mathematicss-rem-mod
#css
Danielcwilson
The New CSS Math: rem() and mod()
New math constants and functions are coming to CSS... now with more remainders and modulo
👍2
What Every React Developer Should Know About Signals
Ryan, the creator of SolidJS, put eight hours into making this ten minute video which is a good look at the state of signals in modern JavaScript code and compares them to React’s approach. - https://www.youtube.com/watch?v=VgGl9i-OBBI
#react
Ryan, the creator of SolidJS, put eight hours into making this ten minute video which is a good look at the state of signals in modern JavaScript code and compares them to React’s approach. - https://www.youtube.com/watch?v=VgGl9i-OBBI
#react
YouTube
What Every React Developer Should Know About Signals
React is by far the most popular JavaScript library to build web UIs. But Signals and React haven't always been on the best terms. As they say "History is written by the Victors". Today we set the record straight.
[0:00] Introduction
[0:16] History of Signals…
[0:00] Introduction
[0:16] History of Signals…
👍2
Build a Remote Micro Frontend with Vite, React, and TypeScript
Streamline development and boost team collaboration by… - https://readmedium.com/remote-micro-frontend-8c84585ebf69
#micro-frontend
Streamline development and boost team collaboration by… - https://readmedium.com/remote-micro-frontend-8c84585ebf69
#micro-frontend
Readmedium
Build a Remote Micro Frontend with Vite, React, and TypeScript
Streamline development and boost team collaboration by setting up a remote micro frontend with Vite, React, and TypeScript.
👍2🥰1
Dr. Axel's 'Sales Pitch' for TypeScript
As one of JavaScript’s most esteemed writers, if Dr. Axel can’t convince you of the value of TypeScript, who could? - https://2ality.com/2025/03/typescript-sales-pitch.html
#typescript
As one of JavaScript’s most esteemed writers, if Dr. Axel can’t convince you of the value of TypeScript, who could? - https://2ality.com/2025/03/typescript-sales-pitch.html
#typescript
2Ality
My sales pitch for TypeScript
Roughly, TypeScript is JavaScript plus type information. The latter is removed before TypeScript code is executed by JavaScript engines. Therefore, writing and deploying TypeScript is more work. Is that added work worth it? In this blog post, I’m going to…
👍1
Node v24.2.0 (Current) Released
import.meta.main is a new boolean value available in ES modules that tells you if the current module was the entry point of the current process (so you could run specific code only if a module is run directly, say). Support for HTTP/2 priority signalling has also been removed from nghttp2. - https://nodejs.org/en/blog/release/v24.2.0
#nodejs
import.meta.main is a new boolean value available in ES modules that tells you if the current module was the entry point of the current process (so you could run specific code only if a module is run directly, say). Support for HTTP/2 priority signalling has also been removed from nghttp2. - https://nodejs.org/en/blog/release/v24.2.0
#nodejs
nodejs.org
Node.js — Node.js v24.2.0 (Current)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
👍3❤1
Pinia problems you should avoid
Pinia is integral for a lot of applications.
But make sure that you don't make the mistakes shown in the video, or if you do, how to fix them. - https://www.youtube.com/watch?v=Md8bNJVQQFA
#vue
Pinia is integral for a lot of applications.
But make sure that you don't make the mistakes shown in the video, or if you do, how to fix them. - https://www.youtube.com/watch?v=Md8bNJVQQFA
#vue
YouTube
3 (and a half) Pinia problems you should AVOID
Pinia is integral for a lot of applications. But make sure that you don't make the mistakes shown in the video, or if you do, how to fix them.
---
Links and Resources
🔗 Pinia Docs https://pinia.vuejs.org/
📺 You are using useFetch wrong https://www.yo…
---
Links and Resources
🔗 Pinia Docs https://pinia.vuejs.org/
📺 You are using useFetch wrong https://www.yo…
❤3
Server-Side Support for MCP in Next.js
Enable your users to securely grant AI applications like Claude, Cursor, and others access to their data within your app. - https://clerk.com/changelog/2025-06-25-mcp-server-nextjs
#react
Enable your users to securely grant AI applications like Claude, Cursor, and others access to their data within your app. - https://clerk.com/changelog/2025-06-25-mcp-server-nextjs
#react
Clerk
MCP Server Support for Next.js
Build an MCP service into your application with Clerk and Next.js in 5 minutes
👍2❤1
One line CSS solution to prevent anchor links from scrolling behind a sticky or fixed header
If you've ever had a sticky or fixed header mess with your anchor links, this article offers a super simple fix. It introduces a one-line CSS solution using scroll-margin-top or scroll-padding-top to prevent your content from getting hidden behind the header when an anchor link is clicked. With solid browser support, you can implement this fix right away and improve your site's UX in just one line of code. - https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html
#css
If you've ever had a sticky or fixed header mess with your anchor links, this article offers a super simple fix. It introduces a one-line CSS solution using scroll-margin-top or scroll-padding-top to prevent your content from getting hidden behind the header when an anchor link is clicked. With solid browser support, you can implement this fix right away and improve your site's UX in just one line of code. - https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html
#css
The Official Publii Blog
One line CSS solution to prevent anchor links from scrolling behind a sticky or fixed header
A sticky or fixed menu is a very popular UX solution that displays a navbar at the top of the page to provide access to menu items at all times, even while scrolling pages. This simple addition can make it…
👍2