Some tricks for customizing the Angular build

Webpack required, batteries not included - https://itnext.io/some-tricks-for-customizing-the-angular-build-fc2fd33c8e2f

#angular

Best Practices Using React Server Components with a Headless CMS - https://www.cosmicjs.com/blog/best-practices-using-react-server-components-with-a-headless-cms

#react

The Node.js Best Practices List: 2023 Edition

This long standing resource is valuable enough that it was in 2022's 'best of' too 😉 Delightfully it was “modernized to 2023 standards” with much work by creator Yoni and a growing team of contributors. The topics remained the same, though, covering areas like code style, project architecture, and taking apps to production. - https://github.com/goldbergyoni/nodebestpractices

#nodejs

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