Beautiful Focus Outlines

Thomas Günther offers some advice on designing beautiful focus outlines. - https://medienbaecker.com/articles/focus-outlines

#css

Common Practices That Kill Performance in Angular Applications

Developing high-performance Angular apps requires avoiding common pitfalls. Here are key practices that harm… - https://medium.com/@erickzanetti/common-practices-that-kill-performance-in-angular-applications-e0a25a5870cd

#angular

Nuxt Going Full-Stack: How to Validate Forms?

In this article, the author demonstrates how he managed to validate forms on both the client and server sides without duplicating the validation logic, from simple text fields to complex file uploads with NuxtHub. - https://soubiran.dev/posts/nuxt-going-full-stack-how-to-streamline-form-validation

#vue

How To Improve 'Interaction to Next Paint' in React

Interaction to Next Paint (INP) is a common Web performance metric based on the latency and responsiveness of an app to user interactions, and Google even uses it as part of its ranking mechanism. Jacob offers up lots of advice and resources for improving your INP situation in React apps. - https://kurtextrem.de/posts/improve-inp-react

#react

Building a Scalable User Management System in TypeScript with Design Patterns

In this blog post, we will walk through the process of building a scalable user management system using… - https://blog.devgenius.io/building-a-scalable-user-management-system-in-typescript-with-design-patterns-3e8ffd50ca12

#nodejs

CSS Popover + Anchor Positioning is Magical

Kevin Powell demonstrates how CSS anchor positioning works. - https://www.youtube.com/watch?v=DNXEORSk4GU

#css

Software Architecture Diagrams with C4 Model

Read the original article on packagemain.tech - https://itnext.io/software-architecture-diagrams-with-c4-model-898adcb534c2

#architecture

v-model and defineModel: A Comprehensive Guide to Two-Way Binding in Vue.js 3

While v-model remains useful for basic scenarios, defineModel offers a cleaner and more concise approach for complex data structures in custom components. - https://vueschool.io/articles/vuejs-tutorials/v-model-and-definemodel-a-comprehensive-guide-to-two-way-binding-in-vue-js-3/

#vue

React Data Fetching Patterns

Not about how to fetch data in React apps, but some common patterns to structure said fetching. - https://www.robinwieruch.de/react-data-fetching-patterns/

#react

Angular Coding Best Practices - https://medium.com/@alokkumar.nayak2009/angular-best-practices-fbe91f7d96db

#angular

Make creative borders with background-clip border-area

Jen Simmons explains how you can apply a background image to a border using background-clip: border-area, available today in Safari Technology Preview and Safari 18.2 beta. - https://webkit.org/blog/16214/background-clip-border-area

#css

School Bus Tracker System Architecture

Explore scalable architecture for real-time location tracking and efficient notification management for… - https://medium.com/@joudwawad/school-bus-tracker-system-architecture-6dd3307e3860

#architecture

Skia Canvas 2.0: A Browserless Canvas Environment for Node

Based on Google’s Skia graphics engine and offers end results similar to Chrome’s own canvas system. It’s GPU accelerated and can render images, paths, fonts, shapes, and (almost) everything you’d expect. v2.0 adds support for WOFF/WOFF2 fonts, WEBP exporting, and more. - https://skia-canvas.org/

#nodejs

Component Testing RSCs with Storybook

Testing server components can be tricky because they span the frontend/backend divide, but Storybook offers a way and here’s how. - https://storybook.js.org/blog/component-testing-rscs/

#react

10 Practical Tips for Better Vue Apps

This blogpost by Daniel Kelly contains 10 practical tips to for better Vue applications - https://vueschool.io/articles/vuejs-tutorials/10-practical-tips-for-better-vue-apps/

#vue

Code Review: benefits, best practices, tools, and tips

Code review is all about authors inviting other developers to give their input on the code before it becomes… - https://levelup.gitconnected.com/code-review-benefits-best-practices-tools-and-tips-b8b214d380d3

#code #revew

Prisma 6: Better Performance, More Flexibility and Type-Safe SQL

Prisma is a popular, powerful ORM for Node.js and TypeScript apps that takes pride in doing things a little differently to most. You can now use it easily with serverless database platforms like PlanetScale and Neon, as well as in edge function platforms like Cloudflare Workers. D1 and Turso are now supported, and you can also write type-safe raw SQL queries. - https://www.prisma.io/blog/prisma-6-better-performance-more-flexibility-and-type-safe-sql

#nodejs

A Framework for Evaluating Browser Support

Josh W. Comeau shares a framework that might help you decide whether it’s appropriate to use a new CSS feature. - https://www.joshwcomeau.com/css/browser-support

#css

System Design Interview: Design WhatsApp

Prepare for system design interviews with this guide to designing a WhatsApp-like messaging app. - https://levelup.gitconnected.com/system-design-interview-design-whatsapp-779fa385ef08

#system #design #interview

Understanding Environment Variables in Nuxt 3

This blog post by Michael Thiessen delves into the usage and understanding of environment variables in Nuxt 3. It covers the importance of .env files, explains how to create and use them, and highlights best practices. - https://masteringnuxt.com/blog/understanding-environment-variables-in-nuxt3

#vue