Vue.js tips - How to re-expose slots in wrapping component
In this blogpost the author provides a practical and personal solution to leveraging slots to build reusable Ui components - https://dev.to/aloisseckar/vuejs-tips-how-to-re-expose-slots-in-wrapping-component-1n1
#vue
In this blogpost the author provides a practical and personal solution to leveraging slots to build reusable Ui components - https://dev.to/aloisseckar/vuejs-tips-how-to-re-expose-slots-in-wrapping-component-1n1
#vue
DEV Community
Vue.js tips - How to re-expose slots in wrapping component
In my job I am recently building a Vue (Nuxt) component library for future UI modules of our...
👍3
The Fifty-Fifty Split and Overflow
The webpage contains a blog post that discusses a CSS technique for creating a "50/50 overflow" layout, where two elements are positioned side-by-side and one overflows onto the other. The author provides a step-by-step guide and code examples to achieve this layout using flexbox and CSS grid properties. - https://ryanmulligan.dev/blog/50-50-overflow/
#css
The webpage contains a blog post that discusses a CSS technique for creating a "50/50 overflow" layout, where two elements are positioned side-by-side and one overflows onto the other. The author provides a step-by-step guide and code examples to achieve this layout using flexbox and CSS grid properties. - https://ryanmulligan.dev/blog/50-50-overflow/
#css
ryanmulligan.dev
The Fifty-Fifty Split and Overflow
A responsive 50/50 component with a scrollable section
👍2
Revolutionizing Change Detection with Angular Signals
Angular Signals is a finely tuned, reactive system designed to track the usage and locations of your… - https://medium.com/@jonatan.melzer/revolutionizing-change-detection-with-angular-signals-adb377aa935a
#angular
Angular Signals is a finely tuned, reactive system designed to track the usage and locations of your… - https://medium.com/@jonatan.melzer/revolutionizing-change-detection-with-angular-signals-adb377aa935a
#angular
Medium
Revolutionizing Change Detection with Angular Signals
Angular Signals is a finely tuned, reactive system designed to track the usage and locations of your application’s state. Signal’s main…
👍4
'I Tried React Compiler Today, and Guess What..'
The recently unveiled React Compiler automatically memoizes things – so can we ditch memo, useMemo and useCallback right away? Nadia investigates, finds the rough edges, and helps keep our feet on the ground. - https://www.developerway.com/posts/i-tried-react-compiler
#react
The recently unveiled React Compiler automatically memoizes things – so can we ditch memo, useMemo and useCallback right away? Nadia investigates, finds the rough edges, and helps keep our feet on the ground. - https://www.developerway.com/posts/i-tried-react-compiler
#react
Developerway
I tried React Compiler today, and guess what... 😉
Investigating whether we can forget about memoization in React, now that the React Compiler is open-sourced.
👍3❤2🔥1
Exchanging Messages Between Node Processes with Execa 9.2
The latest version of the execa process execution library introduces IPC methods to communicate between processes. Maintainer ehmicky shows us the elegant API that makes it all come together here. - https://itnext.io/ipc-made-easy-with-execa-9-2-939c6a358731
#nodejs
The latest version of the execa process execution library introduces IPC methods to communicate between processes. Maintainer ehmicky shows us the elegant API that makes it all come together here. - https://itnext.io/ipc-made-easy-with-execa-9-2-939c6a358731
#nodejs
Medium
IPC made easy with Execa 9.2
How to exchange messages between Node.js processes
👍3
Improve Build Performance of Nuxt
This article explores the Nuxt-build-cache module and how it affects your Nuxt project’s performance. - https://dev.to/jacobandrewsky/improve-build-performance-of-nuxt-2bmn
#vue
This article explores the Nuxt-build-cache module and how it affects your Nuxt project’s performance. - https://dev.to/jacobandrewsky/improve-build-performance-of-nuxt-2bmn
#vue
DEV Community
Improve Build Performance of Nuxt
I recently discovered a great new module for Nuxt created by @pi0 that can greatly (even sometimes 2...
👍2
CSS Masking
Ahmad Shadeed explains what CSS masking is, how it works, and shares a few use cases for it. - https://ishadeed.com/article/css-masking
#css
Ahmad Shadeed explains what CSS masking is, how it works, and shares a few use cases for it. - https://ishadeed.com/article/css-masking
#css
Ishadeed
CSS Masking
A deep dive into CSS masking
👍5
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
React Js Clean Code Guide
Enhance Your React.js Development with Best Practices and Proven Techniques - https://harendra21.medium.com/react-js-clean-code-guide-7d7c63a10726
#react
Enhance Your React.js Development with Best Practices and Proven Techniques - https://harendra21.medium.com/react-js-clean-code-guide-7d7c63a10726
#react
👍4🔥1
Dual Publishing ESM and CJS Modules with tsup and 'Are the Types Wrong'
tsup makes it easy to bundle TypeScript libraries, and Are the Types Wrong? is a tool to analyze packages for issues with their TypeScript types, particularly ESM-related module resolution issues. - https://johnnyreilly.com/dual-publishing-esm-cjs-modules-with-tsup-and-are-the-types-wrong
#nodejs
tsup makes it easy to bundle TypeScript libraries, and Are the Types Wrong? is a tool to analyze packages for issues with their TypeScript types, particularly ESM-related module resolution issues. - https://johnnyreilly.com/dual-publishing-esm-cjs-modules-with-tsup-and-are-the-types-wrong
#nodejs
Johnnyreilly
Dual Publishing ESM and CJS Modules with tsup and Are the Types Wrong? | johnnyreilly
Learn how to publish a package that supports both ECMAScript modules (ESM) and CommonJS modules (CJS) using tsup and Are the Types Wrong?
👍5
State Management in Micro-Frontends
Strategies for Seamless Collaboration - https://blog.stackademic.com/state-management-in-micro-frontends-strategies-for-seamless-collaboration-78b780371952
#microfrontends
Strategies for Seamless Collaboration - https://blog.stackademic.com/state-management-in-micro-frontends-strategies-for-seamless-collaboration-78b780371952
#microfrontends
Medium
State Management in Micro-Frontends
Strategies for Seamless Collaboration
👍2❤1
CSS Selectors: A Visual Guide
Sébastien Noël created a visual guide to the most popular CSS selectors. - https://www.fffuel.co/css-selectors
#css
Sébastien Noël created a visual guide to the most popular CSS selectors. - https://www.fffuel.co/css-selectors
#css
fffuel.co
CSS Selectors: A Visual Guide & Reference
Visual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.
👍5
How to integrate Brevo Live Chat into a Nuxt 3 app
If you're using Brevo for Marketing, you've probably noticed the Live Chat feature. This feature is beneficial for direct customer interaction. It's part of Brevo's built-in features and integrates seamlessly with others. However, there's no apparent Vue or Nuxt integration. Here's a simple way to integrate it into your Nuxt App or Website. - https://madebyfabian.com/blog/how-to-integrate-brevo-live-chat-into-a-nuxt-3-app
#vue
If you're using Brevo for Marketing, you've probably noticed the Live Chat feature. This feature is beneficial for direct customer interaction. It's part of Brevo's built-in features and integrates seamlessly with others. However, there's no apparent Vue or Nuxt integration. Here's a simple way to integrate it into your Nuxt App or Website. - https://madebyfabian.com/blog/how-to-integrate-brevo-live-chat-into-a-nuxt-3-app
#vue
madebyfabian-com
How to integrate Brevo Live Chat into a Nuxt 3 app · Fabian Beer
Learn how to easily integrate the Brevo Live Chat into your Nuxt 3 app or website.
❤3👍1
Technical Debts in Component Design using Angular
In one of my previous posts I have talked about code smells in Angular. This time I would like to address… - https://blog.stackademic.com/technical-debts-in-component-design-using-angular-87af0bd4ede3
#angular
In one of my previous posts I have talked about code smells in Angular. This time I would like to address… - https://blog.stackademic.com/technical-debts-in-component-design-using-angular-87af0bd4ede3
#angular
Medium
Technical Debts in Component Design using Angular
In one of my previous posts I have talked about code smells in Angular [1]. This time I would like to address technical debts regarding…
👍3
Book: Software Architecture and Decision-Making - https://medium.com/@srinathperera/book-software-architecture-and-decision-making-0757fbc1c186
#book
#book
Medium
Book: Software Architecture and Decision-Making
The Problem
👍2
React 19 and Suspense: A Drama in Three Acts
It’s not a good sign when what at first appears to be a bug is actually intended and prescribed behavior. A cautionary tale, but one with a happy ending. - https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts
#react
It’s not a good sign when what at first appears to be a bug is actually intended and prescribed behavior. A cautionary tale, but one with a happy ending. - https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts
#react
tkdodo.eu
React 19 and Suspense - A Drama in 3 Acts
React 19 is a very promising release - but there's something not quite right yet with suspense...
👍2❤1🔥1
What Happens When a Major npm Library Goes Commercial?
The ua-parser-js library is commonly used to parse user agent strings and gets over 12 million downloads a month, but it has recently switched to AGPL+commercial licensing. - https://adventures.nodeland.dev/archive/what-happens-when-a-major-npm-library-goes/
#nodejs
The ua-parser-js library is commonly used to parse user agent strings and gets over 12 million downloads a month, but it has recently switched to AGPL+commercial licensing. - https://adventures.nodeland.dev/archive/what-happens-when-a-major-npm-library-goes/
#nodejs
adventures.nodeland.dev
What happens when a major npm library goes commercial?
This edition covers the switch of a popular library to a restrictive license, Node.js performance tips, and new releases.
👍2
Build a Nuxt app with Azure serverless REST API
This article provides instructions on how to construct a static web app using Nuxt, in conjunction with serverless APIs through Azure Functions CLI and Static Web Apps Emulator. - https://dev.to/mayashavin/build-a-nuxt-app-with-azure-serverless-rest-api-2ci7
#vue
This article provides instructions on how to construct a static web app using Nuxt, in conjunction with serverless APIs through Azure Functions CLI and Static Web Apps Emulator. - https://dev.to/mayashavin/build-a-nuxt-app-with-azure-serverless-rest-api-2ci7
#vue
DEV Community
Build a Nuxt app with Azure serverless REST API
Learn how to add serverless APIs to a Nuxt app using Azure Functions and its tools.
👍3
How to Use CSS object-fit and object-position
Ralph Mason shows how to use object-fit to fit images into a specific amount of space and how to use object-position to get the positioning within that space just right. - https://www.sitepoint.com/using-css-object-fit-object-position-properties
#css
Ralph Mason shows how to use object-fit to fit images into a specific amount of space and how to use object-position to get the positioning within that space just right. - https://www.sitepoint.com/using-css-object-fit-object-position-properties
#css
Sitepoint
How to Use CSS object-fit and object-position — SitePoint
Learn how to use CSS object-fit to determine how images fit within a given space, and how to position those images with object-position.
👍4
OnPush and Signals: Local Change Detection in Angular 17
Getting to know about new change detection mode in Angular - https://itnext.io/onpush-and-signals-local-change-detection-in-angular-17-c70e830fd209
#angular
Getting to know about new change detection mode in Angular - https://itnext.io/onpush-and-signals-local-change-detection-in-angular-17-c70e830fd209
#angular
Medium
OnPush and Signals: Local Change Detection in Angular 17
Getting to know about new change detection mode in Angular
👍3
How to Create WebVTT Files for Videos in Node
The Web Video Text Tracks Format (WebVTT) is a common standard for subtitles/closed captioning. AssemblyAI’s platform does the hard work here. - https://www.assemblyai.com/blog/vtt-video-nodejs/
#nodejs
The Web Video Text Tracks Format (WebVTT) is a common standard for subtitles/closed captioning. AssemblyAI’s platform does the hard work here. - https://www.assemblyai.com/blog/vtt-video-nodejs/
#nodejs
Assemblyai
How to Create WebVTT Files for Videos in Node.js
Learn how to create WebVTT subtitle files for videos using Node.js in this easy-to-follow guide.
👍3