Optimizing Image Integration in Vite with Vue: A Comprehensive Guide
Working with local and dynamic images in Vite can be more complex than expected. This article explores the process of incorporating images from the local assets folder using Vue 3 and the composition API. - https://medium.com/@emperorbrains/optimizing-image-integration-in-vite-with-vue-a-comprehensive-guide-bbf6d4e8beb0
#vue
Working with local and dynamic images in Vite can be more complex than expected. This article explores the process of incorporating images from the local assets folder using Vue 3 and the composition API. - https://medium.com/@emperorbrains/optimizing-image-integration-in-vite-with-vue-a-comprehensive-guide-bbf6d4e8beb0
#vue
Medium
Optimizing Image Integration in Vite with Vue: A Comprehensive Guide
Working with local and dynamic images in Vite may appear straightforward, but in practice, it can be more intricate than expected, at least…
👍3❤1
Best Practices for Building Large-Scale Node.js Applications - https://medium.com/@ben.dev.io/best-practices-for-building-large-scale-node-js-applications-b45ab29b757a
#nodejs
#nodejs
Medium
Best Practices for Building Large-Scale Node.js Applications
Introduction
👍4
Angular Signals: A Deep Dive
In this blog, we will thoroughly examine Signals, a new feature introduced with Angular 16, which makes life… - https://medium.com/@atakankorez/angular-signals-in-every-aspect-20875d9cac27
#angular
In this blog, we will thoroughly examine Signals, a new feature introduced with Angular 16, which makes life… - https://medium.com/@atakankorez/angular-signals-in-every-aspect-20875d9cac27
#angular
Medium
Angular Signals: A Deep Dive
In this blog, we will thoroughly examine Signals, a new feature introduced with Angular 16, which makes life easier for developers and…
🔥3👍1
System Design: Uber
Let’s design an Uber like ride-hailing service, similar to services like Lyft, OLA Cabs, etc. - https://medium.com/@karan99/system-design-uber-33593137a4fe
#system #design
Let’s design an Uber like ride-hailing service, similar to services like Lyft, OLA Cabs, etc. - https://medium.com/@karan99/system-design-uber-33593137a4fe
#system #design
Medium
System Design: Uber
Let’s design an Uber like ride-hailing service, similar to services like Lyft, OLA Cabs, etc.
🍓5👍2🔥1
Snappy UI Optimization with useDeferredValue
A deep dive into the useDeferredValue hook using this respected educator’s own Shadow Palette Generator tool as a case study. Not just the edification is valuable — the tool itself is useful, too. - https://www.joshwcomeau.com/react/use-deferred-value/
#react
A deep dive into the useDeferredValue hook using this respected educator’s own Shadow Palette Generator tool as a case study. Not just the edification is valuable — the tool itself is useful, too. - https://www.joshwcomeau.com/react/use-deferred-value/
#react
Joshwcomeau
Snappy UI Optimization with useDeferredValue • Josh W. Comeau
useDeferredValue is one of the most underrated React hooks. It allows us to dramatically improve the performance of our applications in certain contexts. I recently used it to solve a gnarly performance problem on this blog, and in this tutorial, I'll show…
👍7
Exploring :has() Again
Michelle Barker shares a couple of demos demonstrating the power of :has() pseudo-class. - https://css-irl.info/exploring-has-again/
#css
Michelle Barker shares a couple of demos demonstrating the power of :has() pseudo-class. - https://css-irl.info/exploring-has-again/
#css
CSS { In Real Life }
Exploring :has() Again
It’s been a while since my last article on here (well, a month is a while for me, anyway 😅), as I’ve been busy with my head down preparing for my talk on modern CSS layout at Beyond Tellerand, which is (checks notes) tomorrow!
👍3
Deployment strategy: blue/green deployment vs. canary release
Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors… - https://learningdaily.dev/deployment-strategy-blue-green-deployment-vs-canary-release-1158ac887a8f
#cicd
Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors… - https://learningdaily.dev/deployment-strategy-blue-green-deployment-vs-canary-release-1158ac887a8f
#cicd
Medium
Deployment strategy: blue/green deployment vs. canary release
Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors. Previously, the process of rolling out…
👍3
Top 10 Angular 17 Feature Updates Revolutionizing Web Development
Learn how to leverage Angular 17’s latest features for enhanced web development and faster application… - https://levelup.gitconnected.com/top-10-angular-17-feature-updates-revolutionizing-web-development-3b81f87a4228
#angular
Learn how to leverage Angular 17’s latest features for enhanced web development and faster application… - https://levelup.gitconnected.com/top-10-angular-17-feature-updates-revolutionizing-web-development-3b81f87a4228
#angular
Medium
Top 10 Angular 17 Feature Updates Revolutionizing Web Development
Learn how to leverage Angular 17’s latest features for enhanced web development and faster application performance.
👍2
SSR Safe Dynamic IDs in Vue
This article discusses the creation of a stable unique ID generator for elements in Vue.js, ensuring compatibility with server-side rendering (SSR). The article also introduces a directive that allows easy addition of this functionality to any element. - https://michaelnthiessen.com/ssr-safe-dynamic-ids
#vue
This article discusses the creation of a stable unique ID generator for elements in Vue.js, ensuring compatibility with server-side rendering (SSR). The article also introduces a directive that allows easy addition of this functionality to any element. - https://michaelnthiessen.com/ssr-safe-dynamic-ids
#vue
Michaelnthiessen
SSR Safe Dynamic IDs in Vue
Dynamic IDs are useful for testing, but can get tricky with SSR. Let's make a directive to do this easily, in both vanilla Vue and in Nuxt.
👍3
Building a Scalable Microservice Architecture for Nest.js Projects
In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639
#nodejs
In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639
#nodejs
Medium
Building a Scalable Microservice Architecture for Nest.js Projects
In recent years, microservice architecture has gained significant popularity due to its ability to develop scalable, maintainable, and…
👍7💩1
Spinning Diagrams with CSS
Harold Cooper demonstrates how to create spinning diagrams using just HTML and CSS. - https://x.st/spinning-diagrams-with-css
#css
Harold Cooper demonstrates how to create spinning diagrams using just HTML and CSS. - https://x.st/spinning-diagrams-with-css
#css
exist
Spinning Diagrams with CSS
This article discusses using CSS to make spinning 3D diagrams.
👍4
Sneaky React Memory Leaks: How useCallback and Closures Can Bite You - https://schiener.io/2024-03-03/react-closures
#react
#react
www.schiener.io
Sneaky React Memory Leaks: How `useCallback` and closures can bite you
Avoid performance issues caused by memory leaks in your React applications. I will show you how closures and the `useCallback` hook can lead to memory leaks and what you can do to avoid them.
👍2
How to Refactor Your Angular App from RxJS to Angular Signals
It has been some time since Angular introduced signals, and the community began to discuss whether it is a… - https://javascript.plainenglish.io/how-to-refactoryour-angular-app-from-rxjs-to-angular-signals-f33876579a38
#angular
It has been some time since Angular introduced signals, and the community began to discuss whether it is a… - https://javascript.plainenglish.io/how-to-refactoryour-angular-app-from-rxjs-to-angular-signals-f33876579a38
#angular
Medium
How to Refactor Your Angular App from RxJS to Angular Signals
It has been some time since Angular introduced signals, and the community began to discuss whether it is a step forward or a step back. For…
👍3❤1
How to Improve Page Load Times and Web Core Vitals in Nuxt Websites
This article offers practical solutions for improving web performance by reducing First Contentful Paint (FCP), Total Blocking Time, and page load time during post navigation. - https://dev.to/christonit/how-to-improve-page-load-times-and-web-core-vitals-in-nuxt-websites-j3l
#vue
This article offers practical solutions for improving web performance by reducing First Contentful Paint (FCP), Total Blocking Time, and page load time during post navigation. - https://dev.to/christonit/how-to-improve-page-load-times-and-web-core-vitals-in-nuxt-websites-j3l
#vue
DEV Community
How to Improve Page Load Times and Web Core Vitals in Nuxt Websites
We embarked in a website redesign using Nuxt that spanned 2 months of hardwork before launch. After a...
👍3
How to handle multiple API requests in your NodeJS Application
Unlike hackathons, when you’re building a NodeJS API that’s going to be used in the real world, you want to… - https://medium.com/@abhinavcv007/how-to-handle-multiple-api-requests-in-your-nodejs-application-cfa298e11b28
#nodejs
Unlike hackathons, when you’re building a NodeJS API that’s going to be used in the real world, you want to… - https://medium.com/@abhinavcv007/how-to-handle-multiple-api-requests-in-your-nodejs-application-cfa298e11b28
#nodejs
Medium
How to handle multiple API requests in your NodeJS Application
Unlike hackathons, when you’re building a NodeJS API that’s going to be used in the real world, you want to make sure that it’s capable of…
👍2
Creating Realistic Handwriting with p5.js
Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js. - https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript
#javascript
Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js. - https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript
#javascript
Amy Goodchild
Coding my Handwriting — Amy Goodchild
Coding my handwriting in Javascript - how I did it and what I’m doing with it.
👍3
Understanding Memory Leaks in Angular
Memory leaks in Angular occur when a web application retains references to objects that are no longer needed… - https://blog.stackademic.com/understanding-memory-leaks-in-angular-5619f63897d1
#angular
Memory leaks in Angular occur when a web application retains references to objects that are no longer needed… - https://blog.stackademic.com/understanding-memory-leaks-in-angular-5619f63897d1
#angular
Medium
Understanding Memory Leaks in Angular
Memory leaks in Angular occur when a web application retains references to objects that are no longer needed, preventing the JavaScript…
👍3
Chrome DevTools Offers AI for Understanding Errors and Warnings
Not everyone is going to like this, but it’s optional. Also: the first Chrome feature that requires you be over 18? - https://developer.chrome.com/docs/devtools/console/understand-messages
#devtools
Not everyone is going to like this, but it’s optional. Also: the first Chrome feature that requires you be over 18? - https://developer.chrome.com/docs/devtools/console/understand-messages
#devtools
Chrome for Developers
Understand errors and warnings better with console insights | Chrome DevTools | Chrome for Developers
Understand errors and warnings in the Console better with Gemini.
👍3
CSS Custom Properties Beyond the :root
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott – User Experience Designer
CSS Custom Properties Beyond the :root · Matthias Ott
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.
👍2