How to Create a Vue-based Chrome Extension

In this tutorial, we will create a chrome extension that displays a random quote using VueJS and Webpack from scratch without any extension boilerplate. - https://javascript.plainenglish.io/how-to-create-vuejs-based-chrome-extension-645d6fe9bf53

#vue

Locking scroll with :has()

Robb Owen shares a quick tip for handling locked scroll with :has() pseudo-class. - https://robbowen.digital/wrote-about/locking-scroll-with-has

#css

How we migrated from Rollup to Vite

Vite, a next-generation frontend tool, had taken over the frontend world by storm in the past few years. - https://propertyguru.tech/how-we-migrated-from-rollup-to-vite-96f7e77e87c3

#vite

Polymorphism in React: Two Patterns to Know - https://www.bekk.christmas/post/2023/1/polymorphism-in-react

#react

The 12 Most Popular Node.js Frameworks in 2023

The data came from surveys, GitHub stars, plus some gut feelings, but it was a well put together summarized list of frameworks of the moment. - https://stackdiary.com/node-js-frameworks/

#nodejs

RouteReuseStrategy Simplified in Angular

What is Route Reuse Strategy In Angular? How to Implement it? - https://javascript.plainenglish.io/routereusestrategy-simplified-in-angular-2e358db618d9

#angular

A Few Interesting Ways To Use CSS Shadows For More Than Depth

Preethi experiments with different shadows — two CSS properties and a filter — to make interesting hover effects, different text styles, and even casting shadows on other shadows. - https://www.smashingmagazine.com/2023/08/interesting-ways-use-css-shadows

#css

How to create beautiful view transitions in Nuxt using the new View Transitions API

Web Transitions API is a new API that gives us a better way of creating animated transitions between different DOM states while also updating the DOM contents in a single step. This article provides a guide on how to create stunning webpage transition with the new View Transition API. - https://dev.to/michalkuncio/how-to-create-beautiful-view-transitions-in-nuxt-using-the-new-view-transitions-api-1pph

#vue

The State of Node.js Performance in 2023

Node 20 was put through its paces against 18.16 and 16.20 with a few different benchmark suites running on EC2. It went into a lot of depth, but ultimately Node 20 is the champion. -  https://blog.rafaelgss.dev/state-of-nodejs-performance-2023

#nodejs

State management in Micro-Frontends

What is State Management? State management refers to the process of managing the data and application state… - https://medium.com/sysco-labs/state-management-in-micro-frontends-ee273830f95f

#microfrontends

React Tricks: Fast, Fit and Fun

The developer of Wouter, a minimal hook-based router for React apps, explains some of the ‘tricks and hacks’ he’s used while maintaining the library, complete with some neat interactive demos. - https://molefrog.com/notes/react-tricks

#react

Angular 16 Is Out Now: Learn How to Replace RxJS with Signals

Signals are meant to replace RxJS to simplify your reactive code. - https://blog.bitsrc.io/angular-16-is-out-now-learn-how-to-replace-rxjs-with-signals-c1f6f410809

#angular

CSS Selectors: A Visual Guide

Sébastien Noël created a visual guide to the most popular CSS selectors. - https://fffuel.co/css-selectors

#css

An Introduction to Debugging in Node

An informative primer on debugging, covering approaches like logging, IDE extensions that highlight potential problems, using the V8 inspector, and debugging via Chrome. - https://blog.openreplay.com/an-introduction-to-debugging-in-nodejs/

#nodejs

Learn WebSockets by Building a Vue Chat Application

This tutorial will explore WebSockets by building a Vue chat application that provides a seamless and fast user experience, allowing users to communicate with each other in real time. In this article, we’ll delve into the intricacies of WebSockets, exploring its potential by building a real-time chat app with Vue. - https://morioh.com/a/a4e3b77c8ecf/learn-websockets-by-building-a-vue-chat-application

#vue

Software Architecture Design Principles: SoC, SOLID

In this article, we are going to learn Software Architecture Design Principles: SoC, SOLID principles. - https://medium.com/design-microservices-architecture-with-patterns/software-architecture-design-principles-soc-solid-98611997c30e

#architecture #solid

Fixing CORS Issues in Angular16 Application

Cross-Origin Resource Sharing (CORS) is a mechanism or a protocol that allows devices on one domain to access… - https://srinathsree122.medium.com/fixing-cors-issues-in-angular16-application-3d53d46dc845

#angular

Storybook Adds Support for React Server Components

It requires an upgrade to Storybook 8.0 alpha (or you can just wait for the final), but this is a major upgrade to Storybook’s support for the latest changes in React/Next. - https://storybook.js.org/blog/storybook-react-server-components/

#react

Fixing a Memory Leak in a Production Node App

Kent encountered some odd memory and CPU usage spikes in his app and had to figure out what was going on. This post walks through his journey, with plenty of side quests along the way, before discovering the root cause was where he least expected it.. - https://kentcdodds.com/blog/fixing-a-memory-leak-in-a-production-node-js-app

#nodejs

Sending Emails with Nuxt

Sending emails is a requirement for many web applications, and even static websites. This article provides a solution for sending mails right from your Nuxt app with Nitro and Nuxt-mailer. - https://stradoxcodes.hashnode.dev/sending-emails-with-nuxt

#vue

Practical DDD in TypeScript: Value Object

This is why we can consider the Value Object pattern as the biggest code quality changer from Domain-Driven… - https://javascript.plainenglish.io/practical-ddd-in-typescript-value-object-b76bcd2d9283

#typescript