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.
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
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?
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
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.
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.
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…
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
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...
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.
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.
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.
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
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
News, Tutorials, AI Research
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.
10 Must-Have VSCode Extensions for Web Development
Install these powerful VSCode extensions to significantly improve your productivity during web development. - https://medium.com/@gautammanak1/10-must-have-vscode-extensions-for-web-development-44b0d129ae56
#vscode
Install these powerful VSCode extensions to significantly improve your productivity during web development. - https://medium.com/@gautammanak1/10-must-have-vscode-extensions-for-web-development-44b0d129ae56
#vscode
Medium
10 Must-Have VSCode Extensions for Web Development 👀💻
Install these powerful VSCode extensions to significantly improve your productivity during web development.
How to Use Google Sheets as a 'Database' with React
The most compelling reason to use this approach? The ability to make your app’s data available to both technical and non-technical people by simply sharing a Google Sheet they likely already know how to use. - https://thenewstack.io/how-to-use-google-sheets-as-a-database-with-react-and-ssr/
#react
The most compelling reason to use this approach? The ability to make your app’s data available to both technical and non-technical people by simply sharing a Google Sheet they likely already know how to use. - https://thenewstack.io/how-to-use-google-sheets-as-a-database-with-react-and-ssr/
#react
The New Stack
How to Use Google Sheets as a Database with React and Serverless
How to use Google Sheets as a database. Choose this method over a more traditional Database solution for one reason: Data retrieval.
Angular’s router-outlet: Tips & Tricks
Maximizing Efficiency and Navigation Control for Seamless Angular Routing. - https://javascript.plainenglish.io/angulars-router-outlet-tips-tricks-e3090d503021
#angular
Maximizing Efficiency and Navigation Control for Seamless Angular Routing. - https://javascript.plainenglish.io/angulars-router-outlet-tips-tricks-e3090d503021
#angular
Medium
Angular’s router-outlet: Tips & Tricks
Maximizing Efficiency and Navigation Control for Seamless Angular Routing.
How to Use v-model in Vue 3: An In-Depth Guide
Get the hang of Vue 3's v-model with this guide. This article covers its purpose, cool features, some examples, and also some common slip-ups to avoid for a smooth two-way data binding experience. - https://salkobalic.com/how-to-use-v-model-in-vue-3-an-in-depth-guide
#vue
Get the hang of Vue 3's v-model with this guide. This article covers its purpose, cool features, some examples, and also some common slip-ups to avoid for a smooth two-way data binding experience. - https://salkobalic.com/how-to-use-v-model-in-vue-3-an-in-depth-guide
#vue
Salko Balic - Frontend Developer
How to Use v-model in Vue 3: An In-Depth Guide
Master Vue 3's v-model with this guide covering purpose, features, examples, and common pitfalls for seamless two-way data binding.
Capturing Garbage Collection Traces in Node Apps - https://coderoasis.com/capturing-nodejs-garbage-collection-traces/
#nodejs
#nodejs
The New @font-Face Syntax
Oliver Williams outlines how the new @font-face syntax works. - https://fullystacked.net/new-font-face-syntax/
#css
Oliver Williams outlines how the new @font-face syntax works. - https://fullystacked.net/new-font-face-syntax/
#css
fullystacked.net
The new @font-face syntax
Using variable fonts and color fonts with @font-face.