Stop Over-Engineering your Medium Size Front-End Application

Writing maintainable code without falling into the trap of over-engineering has become increasingly uncommon… - https://fadamakis.com/stop-over-engineering-your-medium-size-front-end-application-b3f8313c464b

#frontend

Zod and Query String Variables in Nuxt

This article explores using Zod, a validation library, with query string variables in Nuxt applications. It explains how to validate and extract valid data from query strings using Zod in a straightforward manner. - https://vueschool.io/articles/vuejs-tutorials/zod-and-query-string-variables-in-nuxt/

#vue

margin-trim as a best practice?

Chris Coyier explains why you should start using margin-trim. - https://chriscoyier.net/2023/06/12/margin-trim-as-a-best-practice

#css

React 19 Lets You Write Impossible Components

React 19 (still in beta) brings all sorts of new ideas to the table, but is the complexity worth it? The folks at Mux have been leaning on many of React 19’s features for a while (thanks to React Canary) and are very excited about their potential. - https://www.mux.com/blog/react-19-server-components-and-actions

#react

Using Google Gemina With Flask, Vue and Vite

In this tutorial, we will explore how to implement Google's Gemini AI using Python Flask, Vue.js, and Vite. - https://ethan91.hashnode.dev/using-google-gemina-with-flask-vue-and-vite

#vue

Understanding Offset and Cursor-Based Pagination in Node - https://blog.appsignal.com/2024/05/15/understanding-offset-and-cursor-based-pagination-in-nodejs.html

#nodejs

Typed translations in Angular

How to Improve Angular Application Build Quality and Enhance Key Verification with ngx-translate or transloco - https://medium.com/@maks-dolgikh/typed-translations-in-angular-c5c7eaf39621

#angular

CSS Custom Properties Beyond the :root

Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root

#css

Merging Remix and React Router (Sort Of..)

“What we planned to release as Remix v3 is now going to be released as React Router v7.” Is Remix going away? No. Many people read too much into this news, but Ryan Florence clears things up in this follow-up or, if you’d prefer, Alem Tuzlak - https://remix.run/blog/merging-remix-and-react-router

#react

Optimizing Image Integration in Vite with Vue: A Comprehensive Guide

Working with local and dynamic images in Vite can be more complex than expected. This article explores the process of incorporating images from the local assets folder using Vue 3 and the composition API. - https://medium.com/@emperorbrains/optimizing-image-integration-in-vite-with-vue-a-comprehensive-guide-bbf6d4e8beb0

#vue

Best Practices for Building Large-Scale Node.js Applications - https://medium.com/@ben.dev.io/best-practices-for-building-large-scale-node-js-applications-b45ab29b757a

#nodejs

Angular Signals: A Deep Dive

In this blog, we will thoroughly examine Signals, a new feature introduced with Angular 16, which makes life… - https://medium.com/@atakankorez/angular-signals-in-every-aspect-20875d9cac27

#angular

System Design: Uber

Let’s design an Uber like ride-hailing service, similar to services like Lyft, OLA Cabs, etc. - https://medium.com/@karan99/system-design-uber-33593137a4fe

#system #design

Snappy UI Optimization with useDeferredValue

A deep dive into the useDeferredValue hook using this respected educator’s own Shadow Palette Generator tool as a case study. Not just the edification is valuable — the tool itself is useful, too. - https://www.joshwcomeau.com/react/use-deferred-value/

#react

Exploring :has() Again

Michelle Barker shares a couple of demos demonstrating the power of :has() pseudo-class. - https://css-irl.info/exploring-has-again/

#css

Deployment strategy: blue/green deployment vs. canary release

Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors… - https://learningdaily.dev/deployment-strategy-blue-green-deployment-vs-canary-release-1158ac887a8f

#cicd

Top 10 Angular 17 Feature Updates Revolutionizing Web Development

Learn how to leverage Angular 17’s latest features for enhanced web development and faster application… - https://levelup.gitconnected.com/top-10-angular-17-feature-updates-revolutionizing-web-development-3b81f87a4228

#angular

SSR Safe Dynamic IDs in Vue

This article discusses the creation of a stable unique ID generator for elements in Vue.js, ensuring compatibility with server-side rendering (SSR). The article also introduces a directive that allows easy addition of this functionality to any element. - https://michaelnthiessen.com/ssr-safe-dynamic-ids

#vue

Building a Scalable Microservice Architecture for Nest.js Projects

In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639

#nodejs

Spinning Diagrams with CSS

Harold Cooper demonstrates how to create spinning diagrams using just HTML and CSS. - https://x.st/spinning-diagrams-with-css

#css