Real-World Nuxt — Dynamic Layout with Teleport

This article explores creating a dynamic layout in Nuxt. It discusses using Teleport to achieve this. The article breaks down the steps into creating changeable navigation items, rendering content by Teleport, and adding dynamic content on clicking a navigation item. - https://muozalp.com/real-world-nuxt-dynamic-layout-with-teleport-part-2-30d88f151a08

#vue

Angular Signal Queries: simplifying DOM querying - https://www.codemotion.com/magazine/frontend/angular-signal-queries-simplifying-dom-querying/

#angular

Backgrounds for the Box Model

Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip. - https://frontendmasters.com/blog/backgrounds-for-the-box-model-and-why-it-can-be-useful/

#css

Implementing Filtered Semantic Search Using pgvector and JavaScript - https://www.timescale.com/blog/implementing-filtered-semantic-search-using-pgvector-and-javascript/

#nodejs

Using the Page Visibility API

Set up event listeners to do things when page visiblity changes. - https://developer.mozilla.org/en-US/blog/using-the-page-visibility-api/

#javascript

Nuxt 2 End-of-Life (EOL)

Nuxt 2 will reach End of Life (EOL) on June 30th, 2024. This article from the Nuxt team discusses what we should expect after this development. - https://nuxt.com/blog/nuxt2-eol

#vue #eol

Creating an Animated Hamburger Menu Icon for React - https://blog.logrocket.com/creating-animated-hamburger-menu-icon-react/

#react

Always unsubscribe. No exceptions. Debate closed.

So many years with Angular. So many years with RxJS. Yet people still fight over “when NOT to unsubscribe”. - https://itnext.io/always-unsubscribe-no-exceptions-debate-closed-5184c2655ac3

#angular

An SSR Performance Showdown

Fastify’s Matteo Collina set out to find out the current state of server-side rendering performance across today’s most popular libraries - https://blog.platformatic.dev/ssr-performance-showdown

#ssr

Opinions for Writing Good CSS

Andrew Walpole shares some tips on writing better CSS. - https://www.andrewwalpole.com/blog/opinions-for-writing-good-css

#css

From Node.js to Deno: How It All Began

A brief nine minute documentary exploring the origins of Deno with Ryan Dahl and Bert Belder. A good, quick way to get up to speed with the motivations behind the alternative JavaScript runtime. - https://www.youtube.com/watch?v=zxitJn9MwYs

#nodejs

Building Enterprise Angular Applications with Domain Driven Design

Domain-Driven Design (DDD) is an approach originated from the idea that complex software systems should be… - https://medium.com/@jonatan.melzer/building-enterprise-angular-applications-with-domain-driven-design-a9079d6a9420

#angular

Ultimate Guide to Vue 3 Reactivity

Reactivity is one of the key features that make Vue.js a powerful framework for building interactive and dynamic web applications. It allows developers to declaratively define relationships between data and the UI, ensuring that changes in data are automatically reflected in the UI and vice versa. This article will explore the concept of reactivity in Vue 3, discussing the reactivity model, reactive data, computed properties, and reactivity caveats. - https://dev.to/kaperskyguru/ultimate-guide-to-vue-3-reactivity-1e41

#vue

A React 19 Cheat Sheet

From Kent C Dodds, of Epic React fame, comes this part cheat sheet, part succinct reminder of some of the new things you can do in React 19, along with (very) brief code examples. - https://www.epicreact.dev/react-19-cheatsheet

#react

Center Items in First Row with CSS Grid

Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last. - https://ryanmulligan.dev/blog/grid-stacks

#css

Multi-tenancy with Nestjs

Introduction: In this post, I will elucidate the concept of multi-tenancy through a straightforward… - https://blogs.sajankumarv.com/multi-tenancy-with-nestjs-d444988b854a

#nodejs

Make Your Components Easier to Think About

Here are some ways you can make your code easier to think about, so you’re less confused and can actually get stuff done. - https://michaelnthiessen.com/make-your-components-easier-to-think-about

#vue

Angular Signals: Best Practices

In this article, I share my experience of working with Angular Signals after almost a year of using them. - https://medium.com/@eugeniyoz/angular-signals-best-practices-9ac837ab1cec

#angular

Introducing TanStack Router

TanStack Router is a powerful and mature type-safe React router aimed at client-side use (though a full-stack option is beginning to appear with TanStack Start). Adam shows off the essentials with the hope of getting you on board the TanStack train too. - https://frontendmasters.com/blog/introducing-tanstack-router/

#react

How using the Angular’s inject() function has saved me 1000 lines of code

Discover how easily can the inject() function improve your project - https://javascript.plainenglish.io/how-using-the-angulars-inject-function-has-saved-me-1000-lines-of-code-82b699183da8

#angular

Integrating HeadlessUI and TailwindCSS with Nuxt.js: A Comprehensive Guide

Learn how to integrate HeadlessUI and TailwindCSS with Nuxt.js applications in this comprehensive, step-by-step guide. - https://masteringnuxt.com/blog/integrating-headlessui-and-tailwindcss-with-nuxtjs-a-comprehensive-guide

#vue