Avoiding Server Component Waterfall Fetching with React 19's cache - https://aurorascharff.no/posts/avoiding-server-component-waterfall-fetching-with-react-19-cache/
#react
#react
aurorascharff.no
Avoiding Server Component Waterfall Fetching with React 19 cache() | Aurora Scharff
In this blog post, I will show you how to use the React 19 cache() API in the Next.js App to optimize performance and avoid fetch waterfalls when using React Server Components.
👍2
Understanding Angular 19’s Resource Pattern: A Practical Guide
A practical example to how real world sees the… - https://itnext.io/understanding-angular-19s-resource-pattern-a-practical-guide-add8521f78f2
#angular
A practical example to how real world sees the… - https://itnext.io/understanding-angular-19s-resource-pattern-a-practical-guide-add8521f78f2
#angular
Medium
Understanding Angular 19’s Resource Pattern: A Practical Guide
A practical example to how real world sees the implementation of resources in Angular 19
👍2
Ref vs Reactive in Stores
If you have used the Composition API in Vue 3, you have probably come across the ref and reactive functions. These are used to create reactive data in Vue 3. This article explores using Ref and Reactive in your pinia stores. - https://masteringpinia.com/blog/ref-vs-reactive-in-stores
#vue
If you have used the Composition API in Vue 3, you have probably come across the ref and reactive functions. These are used to create reactive data in Vue 3. This article explores using Ref and Reactive in your pinia stores. - https://masteringpinia.com/blog/ref-vs-reactive-in-stores
#vue
Masteringpinia
Ref vs Reactive in Stores
If you have used the Composition API in Vue 3, you have probably come across the ref and reactive functions. These are used to create reactive data in Vue 3. reactive only works with objects, while ref can be used with any type of data.
👍4❤1
Node.js Writable Streams: A Practical Guide - https://pavel-romanov.com/writable-streams-in-nodejs-a-practical-guide
#nodejs
#nodejs
Pavel Romanov
Node.js Writable Streams: A Practical Guide
Learn to confidently use writable streams in Node.js, explore data flows, and understand error handling with this comprehensive guide
👍4❤1
Creating Stylized Water Effects with React Three Fiber - https://tympanus.net/codrops/2025/03/04/creating-stylized-water-effects-with-react-three-fiber/
#react
#react
Codrops
Creating Stylized Water Effects with React Three Fiber | Codrops
Learn how to craft smooth, cartoon-style water effects with dynamic movement, optimized for performance, using React Three Fiber.
👍2
How to Implement Compodoc in Your Angular Project: A Comprehensive Guide
Compodoc is a powerful tool that simplifies… - https://medium.com/@Bilal.se/how-to-implement-compodoc-in-your-angular-project-a-comprehensive-guide-448d23317a05
#angular
Compodoc is a powerful tool that simplifies… - https://medium.com/@Bilal.se/how-to-implement-compodoc-in-your-angular-project-a-comprehensive-guide-448d23317a05
#angular
Medium
How to Implement Compodoc in Your Angular Project: A Comprehensive Guide
Compodoc is a powerful tool that simplifies documentation for Angular projects by automatically generating rich and detailed documentation…
👍4
CSS Relative Colors
Ahmad Shadeed created an interactive guide to CSS Relative Colors. - https://ishadeed.com/article/css-relative-colors
#css
Ahmad Shadeed created an interactive guide to CSS Relative Colors. - https://ishadeed.com/article/css-relative-colors
#css
Ishadeed
CSS Relative Colors
An interactive guide to learn CSS Relative Colors.
👍3
Jira.js 4.1: A Wrapper for Atlassian Jira's Cloud APIs
Are you lucky enough to use Jira? Increase your joy even more by interacting with it from code. - https://github.com/MrRefactoring/jira.js
#nodejs
Are you lucky enough to use Jira? Increase your joy even more by interacting with it from code. - https://github.com/MrRefactoring/jira.js
#nodejs
GitHub
GitHub - MrRefactoring/jira.js: A JavaScript/TypeScript wrapper for the JIRA Cloud, Service Desk and Agile REST API
A JavaScript/TypeScript wrapper for the JIRA Cloud, Service Desk and Agile REST API - MrRefactoring/jira.js
👍2
Complete Guide: How to Upgrade to Nuxt 4
Learn how to upgrade from Nuxt 3 to Nuxt 4 with this step-by-step guide. Explore new features, data fetching changes, and migration tips for a smooth transition. - https://masteringnuxt.com/blog/complete-guide-how-to-upgrade-to-nuxt-4#getting-to-know-nuxts-release-cycle
#vue
Learn how to upgrade from Nuxt 3 to Nuxt 4 with this step-by-step guide. Explore new features, data fetching changes, and migration tips for a smooth transition. - https://masteringnuxt.com/blog/complete-guide-how-to-upgrade-to-nuxt-4#getting-to-know-nuxts-release-cycle
#vue
Masteringnuxt
Complete Guide: How to Upgrade to Nuxt 4
Upgrade from Nuxt 3 to Nuxt 4 with ease. Discover Nuxt 4 features, changes, and tips for a smooth Nuxt 4 upgrade.
👍3🤝2❤1
There’s No Such Thing as an Isomorphic Layout Effect - https://smoores.dev/post/no_such_thing_isomorphic_layout_effect/
#react
#react
smoores.dev
smoores.dev - There’s no such thing as an isomorphic layout effect
There’s something off about the most popular approach to quieting React’s warnings about using layout effects during server-side rendering. Let’s break down why the warning exists, and when it really makes sense to disable it without actually addressing it.
👍2
Real-Time Notifications in NestJS: A Simpler Alternative to WebSockets with…
Learn to implement real-time notifications in NestJS… - https://javascript.plainenglish.io/real-time-notifications-in-nestjs-a-simpler-alternative-to-websockets-with-server-sent-events-008b6e544b1c
#nodejs #sse
Learn to implement real-time notifications in NestJS… - https://javascript.plainenglish.io/real-time-notifications-in-nestjs-a-simpler-alternative-to-websockets-with-server-sent-events-008b6e544b1c
#nodejs #sse
Medium
Real-Time Notifications in NestJS: A Simpler Alternative to WebSockets with Server-Sent Events
Learn to implement real-time notifications in NestJS using Server-Sent Events, a simpler, efficient alternative to WebSockets.
👍4
View Transitions Applied: Smoothly animating a border-radius with a View Transition
Bramus Van Damme shows how you can work around potential issues with View Transitions using an example of the border-radius property. - https://www.bram.us/2025/03/11/view-transitions-border-radius
#css
Bramus Van Damme shows how you can work around potential issues with View Transitions using an example of the border-radius property. - https://www.bram.us/2025/03/11/view-transitions-border-radius
#css
Bram.us
View Transitions Applied: Smoothly animating a border-radius with a View Transition
To smoothly animate things like borders as part of a View Transition, you need to duplicate that animation onto the ::view-transition-group. For best effect, have the View Transition separately capture the background and foreground of the element you’re animating.
👍2
Node Modules Inspector
A tool that runs pnpm inside your browser, “installs” a package, then analyzes its dependencies. This can be useful for analyzing packages you already use, but also for simplifying your own projects - https://node-modules.dev/
#nodejs #tools
A tool that runs pnpm inside your browser, “installs” a package, then analyzes its dependencies. This can be useful for analyzing packages you already use, but also for simplifying your own projects - https://node-modules.dev/
#nodejs #tools
node-modules.dev
Node Modules Inspector
Visualize your node_modules, inspect dependencies, and more.
👍3
What’s New in Angular 19: Standalone Components, Enhanced Signals, and More
Angular 19 is here, packed with exciting updates that simplify development, enhance performance, and improve functionality. Whether you’re an Angular veteran or just starting, this version has something for everyone. Let’s dive into the key features and see how Angular 19 can transform your development experience. - https://medium.com/@jamsheermoidu/whats-new-in-angular-19-standalone-components-enhanced-signals-and-more-9565d62df64a
#angular
Angular 19 is here, packed with exciting updates that simplify development, enhance performance, and improve functionality. Whether you’re an Angular veteran or just starting, this version has something for everyone. Let’s dive into the key features and see how Angular 19 can transform your development experience. - https://medium.com/@jamsheermoidu/whats-new-in-angular-19-standalone-components-enhanced-signals-and-more-9565d62df64a
#angular
Medium
What’s New in Angular 19: Standalone Components, Enhanced Signals, and More!
Standalone Components, Enhanced Signals, and More!
👍3
How The New York Times Migrated from Enzyme to React Testing Library
A thorough look at the technical challenges and strategies the NYT used to perform a piecemeal upgrade of its React testing approach without disrupting either end users or other developers. - https://open.nytimes.com/how-the-new-york-times-systematically-migrated-from-enzyme-into-react-testing-library-b3ea538d001c
#react
A thorough look at the technical challenges and strategies the NYT used to perform a piecemeal upgrade of its React testing approach without disrupting either end users or other developers. - https://open.nytimes.com/how-the-new-york-times-systematically-migrated-from-enzyme-into-react-testing-library-b3ea538d001c
#react
NY Times
How The New York Times systematically migrated from Enzyme into React Testing Library
How we navigated the shift from Enzyme to React Testing Library at The New York Times.
👍3
Composable Design Patterns in Vue
In this article, cover seven different patterns on writing better composables. - https://michaelnthiessen.com/composable-patterns-in-vue
#vue
In this article, cover seven different patterns on writing better composables. - https://michaelnthiessen.com/composable-patterns-in-vue
#vue
Michaelnthiessen
Composable Design Patterns in Vue
Learn how to write better composables in Vue. Use these seven patterns to manage state, logic, configuration, and input flexibility.
👍2👏1
A Deep Dive into the Inline Background Overlap Problem
Ana Tudor explains how to get a semitransparent background following some inline text with padding without the overlap problem. - https://frontendmasters.com/blog/overlapping-inline-backgrounds
#css
Ana Tudor explains how to get a semitransparent background following some inline text with padding without the overlap problem. - https://frontendmasters.com/blog/overlapping-inline-backgrounds
#css
Frontend Masters
A Deep Dive into the Inline Background Overlap Problem
A tweet by Lucas Bonomi got me thinking about this problem: how to get a semitransparent background following some inline text with padding, but without the overlap problem that can be seen in the image below.
👍5
Node Added TypeScript Support, But What Does That Mean for Deno?
The Deno team, learning from previous experiences with Node, went ‘all in’ with TypeScript from day one. Now, Node can work with TypeScript too, but the experience is still very different, and the Deno team explains how here. - https://deno.com/blog/typescript-in-node-vs-deno
#nodejs
The Deno team, learning from previous experiences with Node, went ‘all in’ with TypeScript from day one. Now, Node can work with TypeScript too, but the experience is still very different, and the Deno team explains how here. - https://deno.com/blog/typescript-in-node-vs-deno
#nodejs
Deno
Node just added TypeScript support. What does that mean for Deno? | Deno
Node's experimental TypeScript support will be stabilized in 23.6. Here's what Node's TypeScript integration looks like and how it compares to Deno.
👍2
Almost Perfect tsconfig.json Options for Your Angular Projects
Learn how to optimize your tsconfig.json for Angular projects. This step-by-step guide includes the latest options, best practices, bonus tips, and code examples.- https://medium.com/@sehban.alam/almost-perfect-tsconfig-json-options-for-your-angular-projects-5bec056f23d8
#angular
Learn how to optimize your tsconfig.json for Angular projects. This step-by-step guide includes the latest options, best practices, bonus tips, and code examples.- https://medium.com/@sehban.alam/almost-perfect-tsconfig-json-options-for-your-angular-projects-5bec056f23d8
#angular
Medium
Almost Perfect tsconfig.json Options for Your Angular Projects
A Complete Step-by-Step Guide to Perfecting Your Angular Configuration with Best Practices and Code Examples
👍4
How to Set Up a Vue 3 Frontend, Node.js API, and a High-Performance WebSocket Server in Docker
Setting up a modern front-end, managing APIs, and enabling real-time updates with WebSockets can quickly become overwhelming. In this article, we’ll guide you through creating a streamlined, containerized setup using Vue.js 3 for the front-end, a Node.js API server, and a high-performance WebSocket server powered by uWebSockets.js. - https://blog.dailysandbox.pro/how-to-set-up-a-vue-3-frontend-node-js-api-and-a-high-performance-websocket-server-in-docker/
#vue
Setting up a modern front-end, managing APIs, and enabling real-time updates with WebSockets can quickly become overwhelming. In this article, we’ll guide you through creating a streamlined, containerized setup using Vue.js 3 for the front-end, a Node.js API server, and a high-performance WebSocket server powered by uWebSockets.js. - https://blog.dailysandbox.pro/how-to-set-up-a-vue-3-frontend-node-js-api-and-a-high-performance-websocket-server-in-docker/
#vue
Daily Sandbox Blog
How to Set Up a Vue 3 Frontend, Node.js API, and a High-Performance WebSocket Server in Docker
Let’s face it: modern web development can feel a bit like trying to juggle flaming torches while riding a unicycle. Between setting up your front-end, managing APIs, and ensuring real-time updates through WebSockets, it’s easy to feel overwhelmed. But don’t…
👍2