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
Designing for Success: How GRASP Patterns Enhance Angular Architecture - https://towardsdev.com/designing-for-success-how-grasp-patterns-enhance-angular-architecture-e30c0a60a805
#angular
#angular
Medium
Designing for Success: How GRASP Patterns Enhance Angular Architecture
Introduction
👍1
Native Hot Module Reloading in Node via Module Hooks
A clever use of module hooks to implement ‘hot module’ functionality natively and efficiently. - https://immaculata.dev/blog/native-nodejs-hmr.html
#nodejs
A clever use of module hooks to implement ‘hot module’ functionality natively and efficiently. - https://immaculata.dev/blog/native-nodejs-hmr.html
#nodejs
❤2
When to Use $fetch, useFetch, or useAsyncData in Nuxt: A Comprehensive Guide
Confused about when to use $fetch, useFetch, or useAsyncData in Nuxt?
This guide breaks down their differences, best use cases, and common pitfalls to help you make the right choice for your project. - https://masteringnuxt.com/blog/when-to-use-fetch-usefetch-or-useasyncdata-in-nuxt-a-comprehensive-guide
#vue
Confused about when to use $fetch, useFetch, or useAsyncData in Nuxt?
This guide breaks down their differences, best use cases, and common pitfalls to help you make the right choice for your project. - https://masteringnuxt.com/blog/when-to-use-fetch-usefetch-or-useasyncdata-in-nuxt-a-comprehensive-guide
#vue
Masteringnuxt
When to Use $fetch, useFetch, or useAsyncData in Nuxt: A Comprehensive Guide
Confused about when to use $fetch, useFetch, or useAsyncData in Nuxt? This guide breaks down their differences, best use cases, and common pitfalls to help you make the right choice for your project.
👍1
70+ Engineering Blogs To Follow in 2025.
Many people ask me from where I learn or if I find… - https://readmedium.com/70-engineering-blogs-to-follow-in-2025-01d2895ea23d
#engineering #blogs
Many people ask me from where I learn or if I find… - https://readmedium.com/70-engineering-blogs-to-follow-in-2025-01d2895ea23d
#engineering #blogs
Readmedium
70+ Engineering Blogs To Follow in 2025.
Many people ask me from where I learn or if I find inspiration to write, and one part of the answer is some excellent engineering blogs I…
❤7
The Secret Mechanisms of CSS
Josh takes you through a very relatable problem — an image in a container with unexplained extra space — and not only gives a solution but breaks down why it happens. He talks about CSS treating images like text elements, how we often jump to Stack Overflow or ChatGPT for quick fixes like line-height: 0, and the importance of digging deeper into how CSS really works. This talk will shift your mindset from "quick fixes" to real understanding, making your CSS game so much stronger! - https://www.youtube.com/watch?v=kj7WGnUDaI4
#css
Josh takes you through a very relatable problem — an image in a container with unexplained extra space — and not only gives a solution but breaks down why it happens. He talks about CSS treating images like text elements, how we often jump to Stack Overflow or ChatGPT for quick fixes like line-height: 0, and the importance of digging deeper into how CSS really works. This talk will shift your mindset from "quick fixes" to real understanding, making your CSS game so much stronger! - https://www.youtube.com/watch?v=kj7WGnUDaI4
#css
YouTube
The Secret Mechanisms of CSS — Web à Québec
This is a recording from my May 2024 talk at the Web à Québec conference.
Essentially, this talk is a collection of the biggest epiphanies I've had about CSS after many many years of experimentation and self-education. My goal in this talk is to give you…
Essentially, this talk is a collection of the biggest epiphanies I've had about CSS after many many years of experimentation and self-education. My goal in this talk is to give you…
👍1
The History of React Through Code
An epic attempt charting React’s evolution from its origins at Facebook to what we know and use today. It sheds light on React’s core philosophies, the motivations behind major API and feature decisions, and how it solved real problems developers were facing. This will round out your thinking about React if you weren’t using it from the earliest days. - https://playfulprogramming.com/posts/react-history-through-code
#react
An epic attempt charting React’s evolution from its origins at Facebook to what we know and use today. It sheds light on React’s core philosophies, the motivations behind major API and feature decisions, and how it solved real problems developers were facing. This will round out your thinking about React if you weren’t using it from the earliest days. - https://playfulprogramming.com/posts/react-history-through-code
#react
Playful Programming
The History of React Through Code
Learn React's history using pragmatic code samples and deep dives. This journey reveals the consistent design in React's APIs stemming from the very beginning.
❤1👍1
2025 Comprehensive Nuxt Tutorial
In this in 5 hour depth course you build a dark, modern, animated website with Nuxt, GSAP, Prismic, Tailwind, and TypeScript. - https://www.youtube.com/watch?v=EmvCh7Jb0Mw
#vue
In this in 5 hour depth course you build a dark, modern, animated website with Nuxt, GSAP, Prismic, Tailwind, and TypeScript. - https://www.youtube.com/watch?v=EmvCh7Jb0Mw
#vue
YouTube
Learn Nuxt, GSAP, Tailwind, and Prismic to build a dark, mordern, sleek website - Full Course 2025
🪁 Build a dark, modern, animated website with Nuxt, GSAP, Prismic, Tailwind, and TypeScript!
In this in depth course we make a trendy, dark and modern website in the same style as Linear, AuthKit, Raycast, Clerk, and many more!
You'll learn how to use…
In this in depth course we make a trendy, dark and modern website in the same style as Linear, AuthKit, Raycast, Clerk, and many more!
You'll learn how to use…
❤3🔥3👍1
Unpacking Config and Environment Variables in Node
A blog post recapping a recent session led by Liran Tal about the trickiness, and some best practices around, working with configuration and env variables in Node. - https://blog.platformatic.dev/stop-losing-sleep-over-nodejs-config-heres-how-to-get-it-right
#nodejs
A blog post recapping a recent session led by Liran Tal about the trickiness, and some best practices around, working with configuration and env variables in Node. - https://blog.platformatic.dev/stop-losing-sleep-over-nodejs-config-heres-how-to-get-it-right
#nodejs
Platformatic Blog
Unpacking Config & Env Variables in Node.js
Learn how to manage Node.js configuration effectively to avoid security risks, ensure reliability, and stop losing sleep over misconfigurations
👍3
TypeScript's Compiler to Get 10x Faster
TypeScript has shaken up the JavaScript ecosystem in recent years with an increasing number of developers relying on its strong typing and added structure. TypeScript’s compiler isn’t particularly fast, though, but the TypeScript team at Microsoft are changing that by porting it to Go! - https://devblogs.microsoft.com/typescript/typescript-native-port/
#typescript
TypeScript has shaken up the JavaScript ecosystem in recent years with an increasing number of developers relying on its strong typing and added structure. TypeScript’s compiler isn’t particularly fast, though, but the TypeScript team at Microsoft are changing that by porting it to Go! - https://devblogs.microsoft.com/typescript/typescript-native-port/
#typescript
Microsoft News
A 10x Faster TypeScript
Embarking on a native port of the existing TypeScript compiler and toolset to achieve a 10x performance speed-up.
👏4