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
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