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

Reducing Search Latency with Server-Sent Events via Express

If you have a situation where information takes a long time to fetch and collate, you might want to stream it to clients so they can get something on screen faster. If that streaming is only in a single direction, SSE is a good fit vs WebSockets. - https://www.hyperdx.io/blog/speeding-up-search-latency-with-server-sent-events-on-express

#nodejs

Protecting Routes in Nuxt 3

Michael shows how to use Supabase in a Nuxt 3 middleware to block users who aren’t logged in. - https://masteringnuxt.com/blog/protecting-routes-in-nuxt-3

#vue

The right way to create Angular components - https://javascript.plainenglish.io/the-right-way-to-create-angular-components-69228c5cc0fd

#angular

ES2023's New Array Copying Methods

The newest ECMAScript spec introduces some new methods on Array that you’ll eventually find useful in your own programs. Phil gives us the tour. - https://www.sonarsource.com/blog/es2023-new-array-copying-methods-javascript/

#javascript

The gotchas of CSS Nesting
Kilian Valkhof outlines a few gotchas with CSS nesting. - https://kilianvalkhof.com/2023/css-html/the-gotchas-of-css-nesting

#css

The State of State Management in React Apps

State management remains a subject that attracts a lot of attention. So much, in fact, you may need the help of the handy React Handbook to help sort through all the options. - https://reacthandbook.dev/state-management

#react

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

This article will explore the differences between watch and watchEffect and when to use each. - https://fadamakis.com/vue-3-watcheffect-is-impressive-but-watch-is-still-the-best-choice-8903b62fdc19

#vue