Understand Nuxt Hydration by Building useState From Scratch
Learn how useState works in Nuxt by building your own version from scratch. This article explores state management and hydration in Nuxt, helping you understand the inner workings of this essential composable. - https://masteringnuxt.com/blog/understand-nuxt-hydration-by-building-usestate-from-scratch
#vue
Learn how useState works in Nuxt by building your own version from scratch. This article explores state management and hydration in Nuxt, helping you understand the inner workings of this essential composable. - https://masteringnuxt.com/blog/understand-nuxt-hydration-by-building-usestate-from-scratch
#vue
Masteringnuxt
Understand Nuxt Hydration by Building useState From Scratch
Learn how useState works in Nuxt by building your own version from scratch. This article explores state management and hydration in Nuxt, helping you understand the inner workings of this essential composable.
🔥3❤1👍1
Better Anchor Positioning with position-area
James Stuckey Weber explains how position-area property works. - https://www.oddbird.net/2025/02/25/anchor-position-area
#css
James Stuckey Weber explains how position-area property works. - https://www.oddbird.net/2025/02/25/anchor-position-area
#css
OddBird
Better Anchor Positioning with position-area
It's not just a shorthand for anchor()
👍2
React Server Actions with Toast Feedback
Robin runs through, step-by-step, how to implement toast notifications as a way to provide real-time user feedback. - https://www.robinwieruch.de/react-server-actions-toast/
#react
Robin runs through, step-by-step, how to implement toast notifications as a way to provide real-time user feedback. - https://www.robinwieruch.de/react-server-actions-toast/
#react
www.robinwieruch.de
React Server Actions with Toast Feedback
Learn how to display toast notifications from React Server Actions in React (and Next.js) ...
👍3
Announcing TypeScript 5.8
Four months in the making, TypeScript 5.8 lands with a strong Node focus. You can now use require() for ES modules in the nodenext module, there’s a new node18 module for developers who want to keep targeting Node 18, and most notably there’s now an --erasableSyntaxOnly option to ensure no TypeScript-only runtime semantics can be used - https://devblogs.microsoft.com/typescript/announcing-typescript-5-8/
#typescript
Four months in the making, TypeScript 5.8 lands with a strong Node focus. You can now use require() for ES modules in the nodenext module, there’s a new node18 module for developers who want to keep targeting Node 18, and most notably there’s now an --erasableSyntaxOnly option to ensure no TypeScript-only runtime semantics can be used - https://devblogs.microsoft.com/typescript/announcing-typescript-5-8/
#typescript
Microsoft News
Announcing TypeScript 5.8
Today we’re excited to announce the release of TypeScript 5.8! If you’re not familiar with TypeScript, it’s a language that builds on top of JavaScript by adding syntax for types. Writing types in our code allows us to explain intent and have other tools…
👍2
The Complete Guide to Building a Vue.js Component Library
In this article the author provides knowledge on how the most popular component libraries are constructed behind the scenes and how to create your own. - https://soubiran.dev/series/the-complete-guide-to-building-a-vue-js-component-library
#vue
In this article the author provides knowledge on how the most popular component libraries are constructed behind the scenes and how to create your own. - https://soubiran.dev/series/the-complete-guide-to-building-a-vue-js-component-library
#vue
Estéban Soubiran
The Complete Guide to Building a Vue.js Component Library - Estéban Soubiran
Discover how to build a Vue.js component library using Vite with a guide that covers essential techniques for professional web development.
👍3🔥1
Web Scraping with Playwright
I’d be surprised if you got away with scraping YouTube like this for long (let’s say Google aren’t big fans of the approach) but the techniques demonstrated are useful more generally too. - https://wanago.io/2025/02/24/web-scraping-playwright/
#nodejs
I’d be surprised if you got away with scraping YouTube like this for long (let’s say Google aren’t big fans of the approach) but the techniques demonstrated are useful more generally too. - https://wanago.io/2025/02/24/web-scraping-playwright/
#nodejs
Marcin Wanago Blog - JavaScript, both frontend and backend
Web Scraping with Playwright
We use Playwright for Web Scraping on dynamic, JavaScript-driven websites.
👍3
Faster Rendering with the content-visibility CSS Property
Umar Hansa gives an overview of the content-visibility CSS property, explains how it works, and when you should use it. - https://www.debugbear.com/blog/content-visibility-api
#css
Umar Hansa gives an overview of the content-visibility CSS property, explains how it works, and when you should use it. - https://www.debugbear.com/blog/content-visibility-api
#css
Debugbear
Faster Rendering with the content-visibility CSS Property | DebugBear
An overview of the content-visibility CSS property, how it works, and when to use it.
👍4
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