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

CSS Compatibility

CSS Compatibility is a VS Code extension that allows you to check on hover which CSS syntax, keywords, types, or functions are compatible or supported across browsers. - https://marketplace.visualstudio.com/items?itemName=vivek9patel.vscode-css-compatibility

#css

The Nine Node Pillars: Principles for Doing Node Right in the Enterprise

An interesting resource from a group of prolific and productive Node.js contributors. It’s designed to act as a checklist to identify gaps in your current Node development practices, particularly when building larger scale apps. - https://www.platformatichq.com/node-principles

#nodejs

React Chrono: Dynamic, Interactive Timeline Component

Supports horizontal, vertical, and vertical alternating timelines, complete with keyboard accessibility, support for nested timelines, auto-playing timelines slideshow-style, and more. - https://react-chrono.prabhumurthy.com/

#react

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://tanstack.com/blog/tanstack-router-typescript-performance

#react

Navigating Angular Apps: A Guide to RedirectCommand

Since Angular introduced the capability to return a UrlTree in router guards, it has become a preferred… - https://netbasal.com/navigating-angular-apps-a-guide-to-redirectcommand-1675e890349d

#angular

Architecture Modeling : C4 Model

What is the C4 Model? - https://lab.scub.net/architecture-modeling-c4-model-bd050c13964c

#architecture

7 Ways to Microfrontends in 2024

The microfrontend architecture has revolutionized how we think about building and scaling web applications… - https://javascript.plainenglish.io/7-ways-to-microfrontends-in-2024-9705e440da69

#microfrontends

Best Vue developer tools for 2024

Unlike monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. This article explores Vue’s ecosystem, some of it tools and libraries and how these tools make Vue a power house in creating sophisticated single-page applications (SPAs). - https://medium.com/simform-engineering/best-vue-developer-tools-for-2024-591d931b9666

#vue

The Undeniable Utility Of CSS :has

Joshua Comeau outlines some practical, real-world problems you can solve using :has(), and some wild experiments that might blow your mind. - https://www.joshwcomeau.com/css/has

#css

What's New in Express.js 5.0

We mentioned Express 5.0 and some of its new features recently, but here's a deeper look at what it has to offer. The updates are largely incremental, but set the stage for Express’s future. A few breaking changes necessitate the major version bump. - https://www.trevorlasn.com/blog/whats-new-in-express-5

#nodejs

How Infinite Queries Work

Infinite queries are React Query’s way to make “those doom-scrolling pages we all hate so much” as this author describes them. - https://tkdodo.eu/blog/how-infinite-queries-work

Build AI-Powered Angular Apps with Google Gemini

A step-by-step guide to integrating Google Gemini into your Angular applications. - https://medium.com/google-cloud/build-ai-powered-angular-apps-with-google-gemini-5bf5e905ca1d

#angular

React Loading Skeleton: Skeleton Screens that Adapt to Your App

Use the ‘skeleton’ component directly in your components in place of content that is still loading and it’ll adapt to the right size while the real data is on the way. - https://github.com/dvtng/react-loading-skeleton

#react

The simplicity of using Vue's reactivity system outside of Vue

Vue’s reactivity can be imported and used in JS outside of a Vue app, like in Node directly. - https://marchantweb.com/article/the-simplicity-of-using-vue's-reactivity-system-outside-of-vue

#vue

Core Web Vitals: Rank your websites higher on SEO

Core Web Vitals are metrics that Google uses to measure the user experience of a webpage. They are an important factor in search engine ranking - https://blog.codeparrot.ai/core-web-vitals-rank-your-websites-higher-on-seo-29a2e7cba49c

#webvitals

The Ultimate Guide to Font Performance Optimization

Anna Monus created a comprehensive guide to font performance optimization — a set of techniques that make fonts load faster and render more smoothly. - https://www.debugbear.com/blog/website-font-performance

#css