Building a Modern gRPC Microservice with Node and Connect

An interesting tutorial that digs into how the engineers at Dopt built a gRPC-powered internal microservice using Node and the Connect suite of gRPC libraries. It's great to see a tutorial built off of a real, production-level experience. - https://blog.dopt.com/building-a-modern-grpc-powered-microservice

#nodejs

Can We Query the Root Container?

Miriam Suzanne outlines the complexities of containment, overflow, and propagation, related to container queries. - https://www.oddbird.net/2023/07/05/contain-root

#css

The Power of Mocking in Unit Tests - https://matthewwolfe.github.io/blog/mocking-in-unit-tests

#react

Angular tricks to become a pro - https://medium.com/@garcia.alberto.4.2012/angular-tricks-to-become-a-pro-932a47d7751a

#angular

Configuration in Nuxt 3: runtimeConfig vs appConfig

Nuxt 3 provides powerful configuration options, allowing you to adapt your application to different use cases. - https://masteringnuxt.com/blog/configuration-in-nuxt-3-runtimeConfig-vs-appConfig

#vue

Building and Dockerizing a Node App with Stateless Architecture

Then deploying it on the Kinsta platform. - https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/

#nodejs

CSS-Only Floating Labels

Stanko Tadić shows how to create floating labels using only CSS. - https://muffinman.io/blog/css-only-floating-input-labels

#css

Embracing Polymorphism for Flexible Components - https://brightinventions.pl/blog/embracing-polymorphism-for-flexible-components/

#react

Simplifying View Logic in Angular

Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch… - https://netbasal.com/simplifying-view-logic-in-angular-14a8cda8e2da

#angular

Form Validation In Svelte

Forms continue to be a crucial component of web user interaction. When dealing with forms, we have to monitor user input, verify and report errors, and manage form submissions. Validating form input is essential to development, ensuring we receive only the required information from the form. - https://blog.openreplay.com/form-validation-in-svelte/

#svelte

Getting Started with Fastify for Node.js - https://blog.appsignal.com/2023/04/26/getting-started-with-fastify-for-nodejs.html

#nodejs

A case study on scroll-driven animations performance

Yuriko Hirota explains how the new CSS API is much smoother than the classic way of implementing scroll-driven animations. - https://developer.chrome.com/blog/scroll-animation-performance-case-study

#css

Migrating from Vue 2 To Vue 3 – Deprecated and Updated Features

Migrating from Vue.js 2 to Vue.js 3 is not always straightforward, and developers need to be aware of certain changes and potential issues that may arise during the process. This article will discuss some of the key features from Vue 2 that have either been deprecated or updated in the release of Vue 3. - https://vueschool.io/articles/vuejs-tutorials/migrating-from-vue-2-to-vue-3-deprecated-and-updated-features/

#vue

Signals In Angular — Is RxJS Doomed?

Using Signals in Angular can simplify the coding experience. Reactivity with Signals could lead to better… - https://levelup.gitconnected.com/signals-in-angular-is-rxjs-doomed-5b5dac574306

#angular

Dan Abramov Rebuilds React Server Components from Scratch

Having faced a raft of questions about Server Components, Dan has begun to write a series covering everything from the ground up by reimplementing a basic form of RSC from scratch. It’s not aimed at day-to-day React developers, but those who want to grok the ideas behind RSCs. - https://github.com/reactwg/server-components/discussions/5

#react

A Practical Guide to Not Blocking the Event Loop

Typically, JavaScript engines run JavaScript in a single thread with an event loop. However, the nature of mixing synchronous and asynchronous tasks, along with the increasing popularity of workers for running code on separate threads, makes the landscape harder to navigate than it used to be. - https://www.bbss.dev/posts/eventloop/

#nodejs

Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images

Temani Afif demonstrates how to add perspective, depth, rotation, and even a slick shine to images. - https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images

#css

Data Fetching Basics

Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching. - https://masteringnuxt.com/blog/data-fetching-basics

#vue

Introduction to Software Architecture with Actors: Part 4 — On Systems with…

Advanced architectures: Hexagonal Architecture, Gateway, Application Service; Middleware, Shared Repository… - https://itnext.io/introduction-to-software-architecture-with-actors-part-4-on-systems-with-models-4302a68558bf

#architecture