Understanding React Concurrency

It’s not mandatory to understand the details of React’s ‘concurrent features’ (what you may have once called ‘concurrent mode’) but having the basic ideas in your head could help you solve performance problems and bugs down the line. - https://www.bbss.dev/posts/react-concurrency

#react

Modern CSS For Dynamic Component-Based Architecture

Stephanie Eckles explores modern project architecture, emphasizing theming, responsive layouts, and component design. - https://moderncss.dev/modern-css-for-dynamic-component-based-architecture

#css

Exploring Vuetify 3

Vuetify 3 has been released with major changes and improvements. In this article, take a look at the new version and how it compares to its predecessors, and get clear on the new features as well as breaking changes. - https://dev.to/vuemastery/exploring-vuetify-3-18kk

#vue

Stop using Shared Module in Angular

I have work with Angular framework in 3 software companies. In the first days at each company, my task was to… - https://medium.com/@huannx.dev/stop-using-shared-module-in-angular-f003d8f61afa

#angular

How to Deploy a Node App on to AWS Elastic Beanstalk

Elastic Beanstalk is an AWS-only orchestration service for deploying apps on to services like EC2 and S3. It’s 12 years old now and predates Docker, Kubernetes, etc. but is still actively maintained and provides an experience many folks prefer to heavier alternatives. - https://www.youtube.com/watch?v=dWfng4qJYMU

#nodejs

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