How to Create a Custom Debounce Hook - https://www.telerik.com/blogs/how-to-create-custom-debounce-hook-react

#react

Domain-Driven Architecture in the Frontend

What is Domain Driven Architecture and how it can help you manage complexity in your frontend codebase? - https://betterprogramming.pub/domain-driven-architecture-in-the-frontend-i-d27fb71b5cb0

#frontend #ddd

The right way to create Angular components!

Take advantage of the power of Angular schematics! - https://javascript.plainenglish.io/the-right-way-to-create-angular-components-69228c5cc0fd

#angular

Rebuilding a Comment Component With Modern CSS

Ahmad Shadeed walks you through his thought process for creating a comment component with modern CSS. - https://ishadeed.com/article/comment-component

#css

Vue 3: watchEffect is Impressive, but watch is still the Best Choice

One of the most powerful features of Vue is the ability to reactively perform a side-effect based on changes to the underlying data. To achieve this, Vue 3 provides two helpers: watch and watchEffect. While both helpers can monitor changes to reactive data, they have different use cases and behaviors. This article will explore their differences and when to use each. - https://fadamakis.com/vue-3-watcheffect-is-impressive-but-watch-is-still-the-best-choice-8903b62fdc19

#vue

The Interactive Guide to Rendering in React

An interactive, illustrated guide exploring why, when and how React renders, complete with a series of well thought out animations. - https://ui.dev/why-react-renders

#react

How to Set Up OpenTelemetry for Full-Stack JS Dev

Quite specifically, in this case, to then export the collected telemetry data to New Relic. - https://newrelic.com/blog/how-to-relic/opentelemetry-full-stack-javascript

#nodejs

Magical Rainbow Gradients

Joshua Comeau shows how to create a button with an animated background using CSS Houdini. - https://www.joshwcomeau.com/react/rainbow-button

#css

Utilize Angular’s Auxiliary Routes To Reduce Application Bundle Size

A brief guide to sharing smaller files - https://gouravkajal.medium.com/utilize-angulars-auxiliary-routes-to-reduce-application-bundle-size-fe86b99f8f09

#angular

Difference Between Mounting And Rendering A Component In Vue.JS

One of the core concepts in Vue.js is components, which are reusable building blocks that encapsulate functionality and structure. When working with Vue.js components, you may come across two terms: mounting and rendering. In this blog post, we will discuss the difference between mounting and rendering a component in Vue.js. - https://medium.com/@nile.bits/difference-between-mounting-and-rendering-a-component-in-vue-js-c6dade855b06

#vue

An Introduction to Debugging Tools and Approaches for Node

An informative primer on debugging, from simple things like using IDE extensions to highlight potential problems or, yes, console logging, through to using the V8 inspector and debugging via Chrome. - https://blog.openreplay.com/an-introduction-to-debugging-in-nodejs/

#nodejs

Celebrating 10 Years of React

Grab yourself a slice of cake, React is 10 years old. As part of the celebrations, Vercel’s Delba de Oliveira ▶️ hosted a ‘roundtable’ discussion (though the table itself has taken the day off 😁) with Andrew Clark and Sebastian Markbåge talking about the current state of React, Suspense, Server Components, and Actions. - https://vercel.com/blog/10-years-of-react

#react

Design vs. Accessibility and the CSS visually-hidden Class

Cristian Diaz explains the visually-hidden utility class, how it works, and how you can use it. - https://blog.logrocket.com/design-accessibility-css-visually-hidden-class

#css

The New JS Features Coming in ECMAScript 2023

The next JavaScript update brings smaller additions familiar from other languages, but there are more significant developments waiting in the wings. - https://thenewstack.io/the-new-javascript-features-coming-in-ecmascript-2023/

#javascript

Moving From Vue 1 To Vue 2 To Vue 3: A Case Study Of Migrating A Headless CMS System

Handling migrations within long-term projects can be tough, and this is an interesting deep dive into how one team did it. - https://www.smashingmagazine.com/2023/03/vue-case-study-migrating-headless-cms-system

#vue

Designing a Scalable Backend in Node

Three arbitrary scaling challenges for Node apps examined through the lens of a hypothetical personal budgeting app that has to interact with third party APIs. - https://blog.appsignal.com/2023/06/07/designing-a-scalable-backend-in-nodejs.html

#nodejs

Tree Shaking in Angular

In a gentle way, you can shake the world! - https://javascript.plainenglish.io/angular-regime-series-tree-shaking-technique-3dc07f5e85a1

#angular

The New CSS

Matthias Ott explains why CSS is the most powerful design tool for the Web. - https://matthiasott.com/notes/the-new-css

#css

The Evolution of React APIs and Code Reuse

An exploration of the evolution of common React patterns, from mixins and higher-order components to render props and hooks. As React becomes more popular in backend contexts too, you can benefit from maintaining a clear mental model of React and understanding the tradeoffs and benefits of each approach here. - https://frontendmastery.com/posts/the-evolution-of-react-patterns/

#react

Typescript: Working with Paths, Packages and Yarn Workspaces

How to modularise your Typescript projects with paths, packages and Monorepos - https://rossbulat.medium.com/typescript-working-with-paths-packages-and-yarn-workspaces-6fbc7087b325

#typescript