React Form Button

How to use a form button to trigger a server action in a Server Component without any form fields or form data.  - https://www.robinwieruch.de/react-form-button/

#react

Design Patterns in Angular

Source: Design Patterns in Angular - https://blog.devgenius.io/design-patterns-in-angular-212fcf468dce

#angular

Frontend Application Security: Tips and Tricks

A Comprehensive Guide to Application Security - https://blog.bitsrc.io/frontend-application-security-tips-practices-f9be12169e66

#security

Long Alt

Adrian Roselli gives some advice on crafting useful alt text. - https://adrianroselli.com/2024/04/long-alt.html

#css

NPM Supply Chain Security: Why We Can Be Optimistic About the Future

We frequently link to stories about misuses of npm to distribute malware, nefarious packages, and more, but Robat reflects on just how much things are improving with 2FA, package provenance, and community efforts. - https://blog.scottlogic.com/2024/07/09/supply-chain-security-in-npm-we-can-be-optimistic-about-the-future.html

#nodejs

The Results of State of React 2023

The State of React 2023 survey ran last December but the results from over 13,000 respondents have finally landed. - https://2023.stateofreact.com/en-US/

#react

Vue during coffee break - using v-model with custom components.

This short article will explain how v-model works and how it can be applied to every Vue component. - https://dev.to/vue-storefront/vue-during-coffee-break-using-v-model-with-custom-components-3bo9

#vue

Angular Architecture for Large Web Applications

Optimizing monolithic Angular projects with libraries using Nx. - https://albertobasalo.medium.com/optimizing-the-architecture-of-large-web-applications-with-angular-79d03b01a92b

#angular

Frontend Masters: Feature-Sliced Design (FSD) Pattern

Imagine a delicious pizza as your complex project. Let’s break it down slice by slice: easy to manage and… - https://blog.stackademic.com/frontend-masters-feature-sliced-design-fsd-pattern-81416088b006

#architecture #fsd

Building a Full-Stack App with Kafka and Node  - https://www.confluent.io/blog/building-full-stack-app-with-kafka-and-nodejs/

#nodejs

Using Global Styles in Shadow DOM - https://eisenbergeffect.medium.com/using-global-styles-in-shadow-dom-5b80e802e89d

#css

How to Structure Vue Projects

This article explores various structures for organizing Vue.js projects. It covers common approaches like flat structures and Atomic Design. - https://dev.to/alexanderop/how-to-structure-vue-projects-20i4

#vue

How Airbnb Smoothly Upgrades React

Airbnb has recently completed an upgrade of all its Web-facing sites from React 16 to React 18. Few of us get to work on such large systems, but Airbnb’s strategies and processes could provide some inspiration for your own upgrades. - https://medium.com/airbnb-engineering/how-airbnb-smoothly-upgrades-react-b1d772a565fd

Exploring Microservices Architecture with NestJS: Popular Patterns.

In the realm of software development, adopting the right architectural patterns is paramount for building… - https://medium.com/@vitaly.bexterev12/exploring-microservices-architecture-with-nestjs-popular-patterns-9fda42e6669d

#nodejs

What is CSS Motion Path? - https://www.letsbuildui.dev/articles/what-is-css-motion-path/

#css

How to Choose the Best Rendering Strategy for Your App

Get a feel for the differences between Static Site Generation (SSG), Server-Side Rendering (SSR), Client-Side Rendering (CSR), Incremental Static Regeneration (ISR), and Partial Prerendering (PPR). - https://vercel.com/blog/how-to-choose-the-best-rendering-strategy-for-your-app

#react

Implementing Clean Architecture in a Vue.js Application

Clean Architecture is a software design philosophy that emphasizes separation of concerns, testability, and maintainability by organizing code into distinct layers of abstraction. In this article, we’ll explore how to implement Clean Architecture in a Vue.js application, focusing on the authentication module as an example. - https://medium.com/@victormisiko.vm/implementing-clean-architecture-in-a-vue-js-application-fd23b33ef488

#vue

Template-Level Lazy Loading in Angular

Comparing the Classic and Modern APIs for Lazy Loading Template Dependencies - https://itnext.io/template-level-lazy-loading-in-angular-8adde7dad50a

#angular

Why is Spawning a New Process in Node So Slow?

The developers of the Val Town platform noticed that Node couldn’t spawn more than 40 external processes per second, whereas Deno and Bun could do a lot more. Are there ways to significantly improve this? Actually, yes! - https://blog.val.town/blog/node-spawn-performance/

#nodejs

A highly configurable switch component using modern CSS techniques - https://piccalil.li/blog/a-highly-configurable-switch-component-using-modern-css/

#css